js write()方法学习

原创 2013年12月04日 10:17:35

一、如果使用write()方式给页面添加内容,必须要在页面加载完成之前输入,否则它将覆盖页面的内容,显示最后打印的内容

 

<html> 
<head> 
<TITLE>class_obj_js_class</TITLE> 
<script language=javaScript> 
window.onload = function(){
	//document.write("我是添加内容");
}
document.write("我是添加内容");
</script> 
<body > 
dafdfad
</body> 
</html>

 显示的内容是:我是添加内容 dafdfad

 

<html> 
<head> 
<TITLE>class_obj_js_class</TITLE>
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script language=javaScript> 
window.onload = function(){
	document.write("我是添加内容");
}
document.write("我是添加内容");
</script> 
<body onload="init()"> 
dafdfad
</body> 
</html>

  显示的内容是:我是添加内容 

 

备注:如果需要在页面中打印控件就需要在页面加载完毕之前,否则就会出现页面的JS内容覆盖没有了

 

二、document.write()会把输出写入到脚本文档所在的位置,浏览器解析完document.write()方法之后,会继续解析输出的内容

<html> 
<head> 
<TITLE>class_obj_js_class</TITLE> 
<script language=javaScript> 
	document.write("head");
</script> 
<body > 
<script language=javaScript> 
	document.write("body start");
</script> 
dafdfad
<script language=javaScript> 
	document.write("body end");
</script> 
</body> 
</html>

 显示的内容是:head body start dafdfad body end

 

浏览器打印脚本功能<script>

每当浏览器遇到</script>,它都假定其中的代码块是完整的(即使它出现在javascript字符串当中)

 

<script>
document.write("<script>alert(1)</script>");
</script>

 浏览器解释为

 

<script>
document.write("<script>alert(1)</script>

 这样就导致浏览器解释异常了

 

解决办法

<script>
document.write("<script>alert(1)</sc"+"ript>");
</script>

 

js中document.write()使用的两大方面

js中document.write的那点事     document.write()方法可以用在两个方面:页面载入过程中用实时脚本创建页面内容,以及用延时脚本创建本窗口或新窗口的内容。该方法...
  • baidu_29119747
  • baidu_29119747
  • 2016年07月01日 09:52
  • 1927

黑马程序员 —— 关于Writer类的write(int c) 方法

------- android培训、java培训、期待与您交流! ---------- 1.关于RandomAccessFile的write(int b) 为了这个问题,花掉了大半个下...
  • Lin1i1y
  • Lin1i1y
  • 2015年02月02日 17:18
  • 1009

快速学习JS的思考方法、有用

当人们尝试学习 JavaScript , 或者其他编程技术的时候,常常会遇到同样的挑战:有些概念容易混淆,特别是当你学习过其他语言的时候。很难找到学习的时间(有时候是动力)。一旦当你理解了一些东西的时...
  • xllily_11
  • xllily_11
  • 2016年10月20日 15:54
  • 2596

Socket通信之Write实现流程

1 分析write在进程间通信的实现过程        在内核中,socket是与文件指针挂钩的,因此就可以通过open、read、write像操作文件一样对socket进行操作;而write的过程相...
  • guodong1010
  • guodong1010
  • 2016年03月27日 23:42
  • 610

I/O中read及write各个方法区别

java I/O中,流式部分分为:Reader,Writer,InputStream,OutputStream和File。 具体内容,这里就不赘述,对I/O存在疑惑的朋友去该网址学习,很好的归纳了I...
  • qq_19301269
  • qq_19301269
  • 2017年11月17日 10:52
  • 175

js--document对象以及方法

document对象 document对象的方法:     write():向html文档中输入指定的对象。     writeln():向html文档中写入数据并换行。     open()...
  • yjz_sdau
  • yjz_sdau
  • 2016年05月12日 16:02
  • 430

IO流__【字节流】【字节流缓冲区】【read和write特点】

字符流 FileReader、FileWriter BufferedReader、BufferedWriter 字节流File InputStream  此抽象类是表示字节输入...
  • ie800
  • ie800
  • 2013年12月25日 16:39
  • 1626

js的document.write 输出内容把网页内容全部冲刷掉了

onload的时候执行  文档流已经关闭  write会重新打开文档流 所以覆盖了 用innerHTML的话不会执行里面的script吧? 可以先生成一个节点,然后append到body。...
  • lishimin1012
  • lishimin1012
  • 2015年09月13日 21:36
  • 1964

write()二进制方式写文件

#include #include using namespace std; int main() { int a[10]={0}; for(int i=0;i { a[i+1]=a[...
  • show869566706
  • show869566706
  • 2015年09月30日 09:46
  • 787

read与write方法

在read与write函数中,由于需要在内核空间和用户空间的内存交换数据, 需要借助copy_to_user()与copy_from_user()方法, 这是因为,用户空间的地址有可能指向的位置非...
  • cuijiyue
  • cuijiyue
  • 2014年12月24日 21:43
  • 485
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js write()方法学习
举报原因:
原因补充:

(最多只允许输入30个字)