位置: 编程技术 - 正文

JS 中document.write()的用法和清空的原因浅析

编辑:rootadmin

推荐整理分享JS 中document.write()的用法和清空的原因浅析,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

可能很多朋友都遇到过这样的情况,那就是使用document.write()函数向网页中写内容的时候,会把文档中的原来的内容给清空,这一点对于初学者来说算是一个困扰,下面就介绍一下为什么会出现这种情况,当然也就知道如何避免此种情况的发生了。

  先看一段代码实例:

  从以上代码的可以看出document.write()函数将原来的文档内容清空了,下面介绍一下出现此种情况的原因:

  window.onload事件是在文档内容完全加载完毕再去执行事件处理函数,当然文档流已经关闭了,这个时候执行doucment.writ()函数会自动调用document.open()函数创建一个新的文档流,并写入新的内容,再通过浏览器展现,这样就会覆盖原来的内容。不过很多朋友还有会这样的疑问,为什么类似下面的情况,原来网页中的内容不会被覆盖,代码如下:

  在以上代码中,原来的文档内容并没有被清空,这是因为当前文档流是由浏览器所创建,并且document.wirte()函数身处其中,也就是执行此函数的时候文档流并没有被关闭,这个时候不会调用document.open()函数创建新文档流,所以也就不会被覆盖了。可能还有朋友会问为什么下面的方式还是不行,代码如下:

  上面使用document.close()关闭文档流了,为什么还是不能够覆盖原来的内容的,很遗憾,文档流是由浏览器创建,无权限手动关闭,document.close()函数只能够关闭由document.open()函数创建的文档流。看下面的代码实例:

JS 中document.write()的用法和清空的原因浅析

  由doucment.open()创建的文档流就可以由document.close()关闭,那么第二个document.write()输出的内容会覆盖掉第一个输出的内容。

  异步引用外部JavaScript时,必须先运行document.open()清空文档,然后才能运行document.write(),参数写在body内容的开头。

  如果不先运行document.open(),直接运行document.write(),则无效且Chrome有如下提示:

  document.write()也能写入含有script标签的字符串,但是需要转义。写入的script标签中的内容会正常运行。

document.write()可以传入多个参数。

总结

以上所述是小编给大家介绍的JS 中document.write()的用法和清空的原因浅析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

JS实现的计数排序与基数排序算法示例 本文实例讲述了JS实现的计数排序与基数排序算法。分享给大家供大家参考,具体如下:计数排序计数排序就是简单的桶排序,一个桶代表数组中一个数

微信小程序基于slider组件动态修改标签透明度的方法示例 本文实例讲述了微信小程序基于slider组件动态修改标签透明度的方法。分享给大家供大家参考,具体如下:1、效果展示2、关键代码index.wxmlviewclass="img"st

vue中的event bus非父子组件通信解析 有时候非父子关系的组件也需要通信。在简单的场景下,使用一个空的Vue实例作为中央事件总线:varbus=newVue()//触发组件A中的事件bus.$emit('id-selected',1)//

标签: JS 中document.write()的用法和清空的原因浅析

本文链接地址:https://www.jiuchutong.com/biancheng/373330.html 转载请保留说明!

上一篇:解决JavaScript实现省市联动过程中的bug(javascript解决了什么问题)

下一篇:JS实现的计数排序与基数排序算法示例(js计数排序)

  • 退税怎么做账务处理,需要交什么税
  • 设计印刷合同
  • 固定资产升值可以入账吗?
  • 申请高新时需要几个项目
  • 贷款受托支付可以给股东吗
  • 应收账款贷方余额重分类到哪
  • 设备使用率怎么计算公式
  • 建设工程材料检测费
  • 记账凭证工资表
  • 企业职工薪酬的个人所得税纳税筹划研究
  • 商业企业的商品销售额、职工人数是( )
  • 有限合伙企业合伙人责任
  • 抵债资产处置账务实例
  • 收到施工方给红包怎样处理
  • 开完发票业务没收入需要确认收入入账吗?
  • 费用科目如何结转
  • 清包工程增值税税率
  • 纳税人提供植物养护服务属于什么服务
  • 初级会计职称考试时间
  • 增值税专用发票和普通发票的区别
  • 不动产评估增值税处理
  • 开发人员选项怎么改定位
  • 委托收款有哪些
  • 进口设备属于货物贸易吗
  • 净值在财务报表哪找
  • 跨年度残保金退税怎么算
  • 海关进口增值税计入什么科目
  • 应收单据处理包括哪些
  • 其他应付款包括应付职工薪酬吗
  • 确认坏账需要纳税调整吗
  • 房产契税征收率
  • 农民工劳动报酬权救济制度存在的问题
  • 会计分录有哪几种形式
  • messenger 是什么意思
  • php_fileinfo作用
  • 短期投资需要结转吗
  • 二手设备账务处理
  • 固定资产后续支出资本化和费用化
  • 嵌入式软件开票税负是1%还是3%
  • php分页函数封装
  • python中 =是什么意思
  • 使用spring可以实现声明式事务吗
  • 固定资产科目的备抵科目
  • php防盗链
  • python中如何删除文件
  • 织梦如何使用
  • 收到小微企业退税怎么做账
  • 生活服务的行业
  • mysql错误提示
  • 水利基金差额征收有哪些类型
  • 企业所得税和个人所得税怎么算
  • 厂房鉴定费的账户是什么
  • 财政补助结转结转的依据
  • 2020年扶贫拨款
  • 城乡居民死亡后需要办理什么手续
  • 收到保险赔款是什么意思
  • 印花税的计算公式应纳税所得额包含增值税吗
  • 客运服务费发票计入什么科目
  • 公司收到劳务发票交个税吗
  • 非金融企业之间借款账务处理
  • centos编译安装tcpdump工具
  • windows vista怎么样
  • windows哪个最好用
  • mm pp dpps进程
  • windows xp的电脑
  • win8出现蓝屏怎么修复
  • win8语言设置
  • w8系统ie浏览器在哪
  • 一边做游戏一边学英语
  • nodejs yield
  • python下读取公私钥做加解密实例详解
  • 表单失去焦点事件
  • jquery自定义插件
  • jquery从左到右渐渐显示
  • jquery cookie存取
  • jquery 列表控件
  • jquery插件大全
  • 湖北税务投诉电话
  • 何艳娟出生年月
  • 收到假发票,被公司辞退
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设