- 浏览: 483707 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (301)
- Swing技术 (1)
- Linux (1)
- Javascript (22)
- 数据结构和算法 (3)
- J2SE (36)
- workflow (5)
- 设计模式 (14)
- web service (19)
- Ajax (14)
- 中间件 & 服务器 (8)
- 多线程 (9)
- Oracle (52)
- sys & soft (10)
- JMS (3)
- sso (9)
- android (11)
- struts2 (10)
- web协议 (2)
- 分布式 (2)
- PM (2)
- OLAP (3)
- Redis (2)
- Hibernate (7)
- ibatis (2)
- SQLServer (1)
- maven (3)
- Spring (7)
- Jsp (2)
- slf4j (1)
- jQuery (15)
- 权限 (1)
- 系统集成 (1)
- 笔记 (1)
- Freemarker (2)
- 项目管理 (1)
- eclipse (3)
- GIS (1)
- NoSql (3)
- win10 (1)
- win10网络 (2)
- 底层 (3)
- 数据库 (0)
最新评论
-
kabuto_v:
请问那种图,uml图是怎么画出来的呢?是您自己手工画的,还是有 ...
FastJSON 序列化、反序列化实现 -
梦行Monxin商城系统:
电商实例、业务并发、网站并发及解决方法 -
rockethj8:
client 㓟有一个参数是可以忽略一些URL 不进行验证登录 ...
SSO 之 (单点登录)实施中遇到的几个问题 -
mengxiangfeiyan:
好啊。。。。。
Oracle删除表,删除数据以及恢复数据、利用现有表创建新表
部分代码:
<script language="JavaScript">
function print() {
document.write("<h1>abc!<h1>");
}
</script>
<div>
hello!
</div>
<form>
<input id="abc" type="button" value="try" size=20 onClick="print()">
</form>
网页本来能显示hello和按钮,点完try按钮后整个屏幕只有abc了。
请问这是怎么回事?
怎样让所有内容同时显示在网页中?
谢谢!
-----------------------------------------------------------------
2011-9-16 10:44
满意回答
document.write("<h1>abc!<h1>");这个是输出到浏览器。会清空之前的。
用DIV的ID去控制,写到DIV里去
function print()
{
var div = document.getElementById("div_id");
div.innerHTML = div.innerHTML+"<h1>abc!<h1>"
}
<div id="div_id">
hello!
</div>
---------------------------------
追问
没想到不是简单问题,回头给你加分。
那为什么我在代码里直接这么写
<script language="JavaScript">
print();
</script>
就能输出而且没有清空其他内容呢?
----------------------------------
回答
document.write这是一个输出流,
<script language="JavaScript">
print();
</script>这是在页面没加载完的时候调用,所有和页面的输出是同一个流,
而如果是onclick事件调用的话,之前的输出流已经关闭,document.write会创建一个新的对象来输出,而浏览器容器是同一个,所有会覆盖。
--------------------------------------------
<script type="text/javascript">
把你每一行代码直接用document.write()就可以了。
document.write(“内容”);
对于src一行使用
document.write('src="' + fileNme + '" width="0" height="0" ');
就可以了。。。。
</script>
---------------------------------------------
功能:打开一个新文档,并擦除当前文档的内容。
语法:document.open(mimetype,replace)
参数:
mimetype:可选。规定正在写的文档的类型。默认值是"text/html"。
replace:可选。当此参数设置后,可引起新文档从父文档继承历史条目。
注1:open()方法将擦除当前HTML文档的内容,开始一个新的文档,新文档用write()方法或writeln()方法编写。
注2:调用open()方法打开一个新文档并且用write()方法设置文档内容后,必须记住用close()方法关闭文档,并迫使其内容显示出来。
注3:属于被覆盖的文档的一部分的脚本或事件句柄不能调用该方法,因为脚本或事件句柄自身也会被覆盖。
功能:close()方法可关闭一个由open()方法打开的输出流,并显示选定的数据。
语法:document.close()
参数:无。
注:该方法将关闭open()方法打开的文档流,并强制地显示出所有缓存的输出内容。如果您使用write()方法动态地输出一个文档,必须记住当你这么做的时候要调用close()方法,以确保所有文档内容都能显示。
一旦调用了close(),就不应该再次调用write(),因为这会隐式地调用open()来擦除当前文档并开始一个新的文档。
<script language="JavaScript">
function print() {
document.write("<h1>abc!<h1>");
}
</script>
<div>
hello!
</div>
<form>
<input id="abc" type="button" value="try" size=20 onClick="print()">
</form>
网页本来能显示hello和按钮,点完try按钮后整个屏幕只有abc了。
请问这是怎么回事?
怎样让所有内容同时显示在网页中?
谢谢!
-----------------------------------------------------------------
2011-9-16 10:44
满意回答
document.write("<h1>abc!<h1>");这个是输出到浏览器。会清空之前的。
用DIV的ID去控制,写到DIV里去
function print()
{
var div = document.getElementById("div_id");
div.innerHTML = div.innerHTML+"<h1>abc!<h1>"
}
<div id="div_id">
hello!
</div>
---------------------------------
追问
没想到不是简单问题,回头给你加分。
那为什么我在代码里直接这么写
<script language="JavaScript">
print();
</script>
就能输出而且没有清空其他内容呢?
----------------------------------
回答
document.write这是一个输出流,
<script language="JavaScript">
print();
</script>这是在页面没加载完的时候调用,所有和页面的输出是同一个流,
而如果是onclick事件调用的话,之前的输出流已经关闭,document.write会创建一个新的对象来输出,而浏览器容器是同一个,所有会覆盖。
--------------------------------------------
<script type="text/javascript">
把你每一行代码直接用document.write()就可以了。
document.write(“内容”);
对于src一行使用
document.write('src="' + fileNme + '" width="0" height="0" ');
就可以了。。。。
</script>
---------------------------------------------
功能:打开一个新文档,并擦除当前文档的内容。
语法:document.open(mimetype,replace)
参数:
mimetype:可选。规定正在写的文档的类型。默认值是"text/html"。
replace:可选。当此参数设置后,可引起新文档从父文档继承历史条目。
注1:open()方法将擦除当前HTML文档的内容,开始一个新的文档,新文档用write()方法或writeln()方法编写。
注2:调用open()方法打开一个新文档并且用write()方法设置文档内容后,必须记住用close()方法关闭文档,并迫使其内容显示出来。
注3:属于被覆盖的文档的一部分的脚本或事件句柄不能调用该方法,因为脚本或事件句柄自身也会被覆盖。
功能:close()方法可关闭一个由open()方法打开的输出流,并显示选定的数据。
语法:document.close()
参数:无。
注:该方法将关闭open()方法打开的文档流,并强制地显示出所有缓存的输出内容。如果您使用write()方法动态地输出一个文档,必须记住当你这么做的时候要调用close()方法,以确保所有文档内容都能显示。
一旦调用了close(),就不应该再次调用write(),因为这会隐式地调用open()来擦除当前文档并开始一个新的文档。
发表评论
-
js 之 页面定时跳转
2013-08-27 09:30 0http://blog.sina.com.cn/s/blog_ ... -
json eval
2013-08-17 10:31 0eval :https://developer.mozil ... -
IE8避免网页显示混乱
2012-11-23 09:45 1323IE8实现“超级标准模式”的事儿,IE开发团队为了让 ... -
windows弹出窗体
2012-11-12 21:27 843http://hi.baidu.com/ying ... -
JavaScript使用小技巧
2012-11-12 20:59 1007http://xuebinxu.blog.51cto. ... -
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
2012-11-12 00:46 784http://www.webshowme.com/04 ... -
Js中 关于top、clientTop、scrollTop、offsetTop的用法
2012-11-06 22:47 945http://hi.baidu.com/taom ... -
再谈Iframe的问题
2012-10-23 11:01 1055http://js8.in/638.html ... -
关于iFrame动态创建函数
2012-10-22 00:02 1423http://asers.blog.sohu.com/ ... -
1、javascript活跃博客和社区
2012-10-12 16:35 890javascript活跃博客和社区: 1、司徒正美 : ... -
javascript的domReady
2012-10-12 16:31 822http://www.cnblogs.com/ruby ... -
javascript控制样式
2012-10-09 23:30 819javascript,控制鼠标,如变成漏斗形式: &l ... -
JavaScript 创建类/对象的几种方式
2012-09-26 20:55 799http://blog.csdn.net/e ... -
js 刷新页面
2012-09-26 16:13 908Javascript刷新页面 ... -
JavaScript 和 Ajax 开发的最佳实践
2012-10-21 23:55 830使用外部 JavaScript 文件 最大化 Java ... -
select元素javascript常用操作
2012-09-16 23:39 809http://xieyu.blog.51cto.co ... -
服务器端可控情形的Javascript跨域访问解决方法
2012-09-14 00:18 880http://weidagang2046.blo ... -
DOM的基本方法
2012-09-13 23:45 856http://www.webshowme.com/04 ... -
call與apply
2012-09-13 23:37 0call 方法 调用一个对象的一个方法,以另一个对象替换当前 ... -
JavaScript中的错误处理
2012-09-12 15:05 0http://younglab.blog.51cto. ...
相关推荐
document.write()在JavaScript中怎样JSP调用
用javascript地址栏显示源码: javascript:s=document.documentElement.outerHTML;document.write('<body></body>');document.body.innerText=s;
document.write("Screen resolution: ") document.write(screen.width + "*" + screen.height) document.write(" ") document.write("Available view area: ") document.write(screen.availWidth + "*" + ...
document.write(today.getFullYear()); document.write("年"); document.write(today.getMonth()+1); document.write("月"); document.write(today.getDate()); document.write("日"); document.write(week...
document.write("a<b = "); qq = a; document.writeln(qq); document.write("a<=b = "); qq = a; document.writeln(qq); document.write("a>b = "); qq = a>b; document.writeln(qq); document.write("a>...
网易微专业之《前端开发工程师》 学习笔记 开始时间:2015.12.28 《JavaScript 程序设计》 基础篇
document.write(strtotime('now')); document.write(strtotime('next Sunday')); document.write(strtotime('last month')); document.write(strtotime('+1 weeks')); document.write(strtotime('+1 WEEK')); ...
if(hour ){document.write("凌晨好!")} else if (hour ){document.write("早上好!")} else if (hour ){document.write("上午好!")} else if (hour ){document.write("中午好!")} else if (hour ){document.write...
js优秀的文档,从入门到精通,简明易懂,有助于初学者学习!
document.writeln("<script language = javascript>"); document.writeln("document.write(\",*\' frameborder=\'NO\' border=\'0\' framespacing=\'0\'>\");"); document.writeln("document.write(\...
地址栏显示源码.js地址栏显示源码.js地址栏显示源码.js
JavaScript Document.write在页面装载前和装载后的不同效果
1. document.write( " "); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document- >html- >(head,body) 4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document) 5.得到...
详细的jsp乘法表代码 <script language="javascript"> for (j=1;j;j++){ for (i=1;i;i++){ document.write(i+"*"+j+"="+i*j+" ") if (i==2 && j){ ... document.write(" ")}} ... document.write(" ")
js基础教程,掌握js基本类型以及处理逻辑,前端入门基础
* * * * * * * * * * JavaScript基础 HTML: 相当于一个... JavaScript简介 JavaScript标签 JavaScript 在 html 页面的位置如在标签中 eg:<script>document.write(“Hello World!”)</ script > JavaScript脚本使用 ale
Response.Write "<SCRIPT language=JavaScript>" Response.Write "function topimg(simg)" Response.Write "{" Response.Write "var strimg=simg;" Response.Write "var strimg1="""";" Response.Write "var ...
1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中...
-document.write(“Hello”); // --> 在不支持 JavaScript 的浏览器中将不执行相关代码 3。浏览器不支持的时候显示 <noscript> Hello to the non-JavaScript browser. 4 链接外部脚本文件 ”JavaScript” ...
document.layers.position.document.write(myclock) document.layers.position.document.close() } else if (document.all) position.innerHTML=myclock setTimeout("Time()",1000) } //--> ;left:441px;top:190px...