js中document.write使用过程中的一点疑问解答


Posted in Javascript onMarch 20, 2014

本人是新手,所以就记录下来了。这个答案是在百度中看到的,所以算是转载。

下面的内容解答了何为如果在页面加载完后如果调用document.write就会覆盖整个文档。

提示中的 【HTML 输出中】 指的是当页面加载的时候。

<html> 
<head></head> 
<body> 
<script type="text/javascript">document.write("<p>Hello</p>");</script> 
</body> 
</html>

当页面加载完毕,你会在页面看到 Hello。查看源文件就是上面的代码。

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

但如果页面已经加载完毕,再使用 document.write,那就会覆盖整个文档。

<html> 
<head></head> 
<body> 
<script type="text/javascript"> 
// 当点击鼠标时调用 document.write 
document.onclick = function() { 
document.write("<span>Javascript</span>"); 
}; 
</script> 
</body> 
</html>

因为鼠标动作是在页面加载完毕后执行的,所以整个页面会被 <span>Javascript</span>所覆盖。现在查看源文件就只会看到 <span>Javascript</span>。
Javascript 相关文章推荐
js 强制弹出窗口代码研究-又一款代码
Mar 20 Javascript
定义JavaScript二维数组采用定义数组的数组来实现
Dec 09 Javascript
JS操作select下拉框动态变动(创建/删除/获取)
Jun 02 Javascript
Javascript遍历Html Table示例(包括内容和属性值)
Jul 08 Javascript
js实现select组件的选择输入过滤代码
Oct 14 Javascript
总结jQuery插件开发中的一些要点
May 16 Javascript
js实现右键自定义菜单
Dec 03 Javascript
jQuery实现鼠标跟随效果
Feb 20 Javascript
基于vue、react实现倒计时效果
Aug 26 Javascript
JavaScript实现图片轮播特效
Oct 23 Javascript
微信小程序实现发微博功能的示例代码
Jun 24 Javascript
JavaScript实现贪吃蛇游戏
Jun 16 Javascript
js图片延迟技术一般的思路与示例
Mar 20 #Javascript
可恶的ie8提示缺少id未定义
Mar 20 #Javascript
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
Mar 20 #Javascript
js拖拽一些常见的思路方法整理
Mar 19 #Javascript
使用jquery实现以post打开新窗口
Mar 19 #Javascript
jquery判断小数点两位和自动删除小数两位后的数字
Mar 19 #Javascript
改变隐藏的input中value值的方法
Mar 19 #Javascript
You might like
PHP 和 MySQL 基础教程(二)
2006/10/09 PHP
php中通过数组进行高效随机抽取指定条记录的算法
2013/09/09 PHP
利用phpExcel实现Excel数据的导入导出(全步骤详细解析)
2013/11/26 PHP
ThinkPHP入口文件设置及相关注意事项分析
2014/12/05 PHP
通过PHP自带的服务器来查看正则匹配结果的方法
2015/12/24 PHP
round robin权重轮循算法php实现代码
2016/05/28 PHP
PHP 对象接口简单实现方法示例
2020/04/13 PHP
完整显示当前日期和时间的JS代码
2007/09/17 Javascript
jquery简单瀑布流实现原理及ie8下测试代码
2013/01/23 Javascript
JavaScript中数组去除重复的三种方法
2016/04/22 Javascript
jquery自定义插件开发之window的实现过程
2016/05/06 Javascript
javascript表达式和运算符详解
2017/02/07 Javascript
如何在项目中使用log4.js的方法步骤
2019/07/16 Javascript
Vue-CLI 项目在pycharm中配置方法
2019/08/30 Javascript
es6函数之rest参数用法实例分析
2020/04/18 Javascript
ng-alain的sf如何自定义部件的流程
2020/06/12 Javascript
[04:13]2018国际邀请赛典藏宝瓶Ⅱ饰品一览
2018/07/21 DOTA
零基础写python爬虫之抓取糗事百科代码分享
2014/11/06 Python
使用Python实现下载网易云音乐的高清MV
2015/03/16 Python
python实现rsa加密实例详解
2017/07/19 Python
Python中turtle作图示例
2017/11/15 Python
学生信息管理系统python版
2018/10/17 Python
python图片剪裁代码(图片按四个点坐标剪裁)
2020/03/10 Python
在python3.64中安装pyinstaller库的方法步骤
2020/06/02 Python
用python对oracle进行简单性能测试
2020/12/05 Python
美国婚礼装饰和活动用品批发供应商:Event Decor Direct
2018/10/12 全球购物
当x.equals(y)等于true时,x.hashCode()与y.hashCode()可以不相等,这句话对不对
2015/05/02 面试题
花卉与景观设计系大学生求职信
2013/10/01 职场文书
楼面部长岗位职责范本
2014/02/14 职场文书
企业文化宣传标语
2014/06/09 职场文书
2015个人半年总结范文
2015/03/09 职场文书
工作试用期自我评价
2015/03/10 职场文书
2015年维修工作总结
2015/04/25 职场文书
员工试用期工作总结
2019/06/20 职场文书
确保减税降费落地生根,用实实在在措施
2019/07/19 职场文书
优化Mysql查询的示例
2022/04/26 MySQL