文档对象(2)

xiaoxiao2021-02-28  60

<!--(1)获取并设置URL 语法:[url=]document.URL=[setUrl] 参数说明:  url:可选项,字符串表达式,用来存储当前文档的URL。 setUrl:可选项,字符串变量,用来设置当前文档的URL。

-->

显示当前页面的URL

<script> document.write("当前页面的URL:"+document.URL);获取文档的URL / /如何得到文档的存储位置呢???????

</script>

通过Document对象的URL属性获取当前文档的文件名称

alert(decodeURI(document.URL));

------------------------------------------------------------

(1)write方法 发方法可以用来在HTML中输出数据,其数据包括字符串、数字和HTML标记中。 语法如下: document.write(text); (2)writeln方法 该方法与write方法作用相同,唯一的区别在于writeln方法在输出的内容后面加了一个回车换行符。 但回车换行符只有在HTML文档中<pre></pre>标记(此标记可以把文档中的空格,回车和换行等表现出来)内才能识别 <pre> <script> document.write("使用write方法输出第一段内容"); document.write("使用write方法输出第二段内容<hr>"); document.writeln("使用write方法输出第一段内容");document.writeln("使用write方法输出第二段内容<hr>"); </script> </pre>

//动态添加文本框

  <script>     function addInput(){     var txt=document.createElement("input");     txt.type="text";     txt.name="txt";     txt.value="动态添加的文本框";     document.form1.appendChild(txt); //把文本框作为子节点追加到表单中     }     </script> <form name="form1"> <input type="button" value="动态添加文本框" οnclick="addInput()" />

</form>

//添加文字

<script> var i=0; var x=""; function addwenzi() {      var txt=new Array('零','基','础','学','J','a','v','a','S','c','r','i','p','t');   if(i==txt.length){i=0};   document.getElementById("p1").innerHTML=x+=txt[i];      i++; }

</script>

-----------------------------------------------------------------------------------------------------------

//添加用户头像

<input type="button" value="添加用户头像" οnclick="tianjia()" /> <div id="pic"></div> <script> var i=0; function tianjia() {   var picz=new Array(); picz[0]="img/bianxing_jingang-006.jpg"; picz[1]="img/bianxing_jingang-007.jpg"; picz[2]="img/bianxing_jingang-008.jpg"; picz[3]="img/bianxing_jingang-009.jpg"; picz[4]="img/bianxing_jingang-010.jpg"; picz[5]="img/bianxing_jingang-011.jpg"; var images=document.createElement("img"); if(i==picz.length){i=0} images.src=picz[i]; i++ document.getElementById("pic").appendChild(images); }

</script>

-------------------------------------------------------------------------------------------------

//设置页面跳转

要实现页面跳转只需要设置Document对象的URL属性值即可。

将 页面跳转到new.html页面的代码如下:

document.URL="new.html";

(然而并没实现,已在谷歌,火狐,ie,360试过,均无用,也不报错,"建议:补全路径",然并卵,难道是个坑??)

转载请注明原文地址: https://www.6miu.com/read-2620500.html

最新回复(0)