日度归档:2020年5月25日

javascript 中js如何使用jquery框架获取当前html页面的源代码呢?


摘要:
下文讲述jquery获取当前html页面的源代码的方法分享,如下所示:

实现思路: 
    jquery选择根节点下所有html内容即可获取当前页面的html代码
    $(":root").html();

例:

 <html lang="en">
 <head>
  <meta charset="UTF-8"> 
  <title>猫猫教程获取当前页面的Html源码</title>
  <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> 
  <script>
    $(function(){
	   $("#btn1").click(function(){
		  alert($(":root").html());
	   });
    });
  </script>
</head>
 <body>
    <p>
    maomao365.com<br />
    jquery获取当前页面的html源码的示例
    </p>
    <hr />
    <input type="button" id="btn1"
     value="获取源码"
    />
 </body>
</html>
javascript js jquery获取页面的源码

javascript js jquery获取页面的源码

html页面中javascript脚本应该插入在什么位置呢?


摘要:
下文讲述html代码中插入javascript脚本的位置的方法分享,如下所示:


html页面中,我们可以将javascript代码放入html文档的任意位置,
那么javascript放入不同的位置有什么不同之处呢?


放入<head>…</head>

通常我们将一些javascript方法放入此区域方便html标签中的事件对其调用


放入<body>…</body>

通常我们会将html页面使用js代码输出信息流的脚本放入此区域

javascript 如何使用js操作html标签的自定义属性呢?


摘要:
下文讲述js操作html标签的自定义属性的方法分享,如下所示:

我们可以采用以下两种方式获取html标签的自定义属性

实现思路: 
    方式1:  
        使用DOM的getAttribute方法获取自定义属性
        使用DOM的setAttribute方法设置自定义属性
    方式2:
        使用DOM的attributes数组的方式获取和设置自定义属性

自定义属性举例说明:

<meta charset ='utf-8' />
<p>
 maomao365.com <br />
 自定义属性获取示例说明 
</p>
<hr /> 
<div id="divTest" ziDingYi="猫猫教程" ></div>
<script>
 var a = document.getElementById("divTest").getAttribute("ziDingYi");
 var b = document.getElementById("divTest").attributes["ziDingYi"].nodeValue

 /*设置自定义属性*/
 document.getElementById("divTest").setAttribute("ziDingYi","8988");
 var c = document.getElementById("divTest").getAttribute("ziDingYi");
 var d = document.getElementById("divTest").attributes["ziDingYi"].nodeValue

 document.getElementById("divTest").attributes["ziDingYi"].nodeValue = "1000"
 var e = document.getElementById("divTest").getAttribute("ziDingYi");
 var f = document.getElementById("divTest").attributes["ziDingYi"].nodeValue

  document.write("自定义属性  方式1:"+a+" 方式2:"+b+"<br />");
  document.write("自定义属性设置后  方式1:"+c+" 方式2:"+d+"<br />");
  document.write("自定义属性设置后  方式1:"+e+" 方式2:"+f+"<br />");
</script>
javascript js自定义属性操作说明

javascript js自定义属性操作说明