JavaScript中使用document.write向页面输出内容实例

 更新时间:2014年10月16日 10:37:37   投稿:junjie  
这篇文章主要介绍了JavaScript中使用document.write向页面输出内容实例,本文讲解了输出普通文字、带HTML标签内容的方法,需要的朋友可以参考下

document.write 命令向页面输出文字

本实例使用 JavaScript 的 document.write 命令向页面输出指定的文字,代码如下:

复制代码 代码如下:

<script type="text/javascript">
document.write("我是向页面输出的文字!");
</script>

将上面部分代码,用文本编辑器保存为 write.html(或 write.htm)。双击 write.html 运行它(实际是使用 IE 等浏览器打开这个文件),会看到页面显示如下文字:

复制代码 代码如下:
我是向页面输出的文字!

提示

如果使用 IE 浏览器提示:“为了有利于保护安全性,Internet Explorer 已经限制此网页运行可以访问计算机的脚本或 ActiveX 空间。”,那么请选择“允许阻止的内容”,以允许IE浏览器运行上面的 JavaScript 代码。

document.write 向页面输出带有 html 标签的文字

如果向页面输出的文字,是带有 html 标签的,只需在输出的文字中带入标签即可:

复制代码 代码如下:

<script type="text/javascript">
document.write("<h1>我是向页面输出的文字!</h1>");
</script>

实例语法解释

同前面的《JavaScript 弹出提示框实例》类似,document.write 是标准的 JavaScript 语法命令,用于向 Web 页面输出指定的字符串。要输出的字符以 "" 或 '' 引起来,并放入 document.write() 中。

本实例使用的 document.write 命令和弹出框指令 alert 会在以后的 JavaScript 学习中频繁使用到,请务必熟练使用。

相关文章

  • codemirror6实现自定义代码提示效果实例

    codemirror6实现自定义代码提示效果实例

    这篇文章主要给大家介绍了关于codemirror6实现自定义代码提示效果的相关资料,CodeMirror是一个网络代码编辑器组件,它可以在网站中用于实现支持多种编辑功能的文本输入字段,并具有丰富的编程接口以允许进一步扩展,需要的朋友可以参考下
    2023-08-08
  • layui 实现加载动画以及非真实加载进度的方法

    layui 实现加载动画以及非真实加载进度的方法

    今天小编就为大家分享一篇layui 实现加载动画以及非真实加载进度的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • TypeScript的安装、使用、自动编译的实现

    TypeScript的安装、使用、自动编译的实现

    TypeScript是一种由微软开发的开源、跨平台的编程语言。这篇文章主要介绍了TypeScript的安装、使用、自动编译的实现方法,需要的朋友可以参考下
    2020-04-04
  • 利用JavaScript实现春节倒计时效果(移动端和PC端)

    利用JavaScript实现春节倒计时效果(移动端和PC端)

    这篇文章主要介绍了通过Html+Css+js如何实现春节倒计时效果,本文同时介绍了移动端和PC端两种效果,感兴趣的同学可以跟随小编一起动手试试
    2022-01-01
  • Google (Local) Search API的简单使用介绍

    Google (Local) Search API的简单使用介绍

    这篇文章主要介绍了Google (Local) Search API的简单使用。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • JS 事件绑定函数代码

    JS 事件绑定函数代码

    JS 事件绑定函数代码,解决了浏览器兼容,现在可以兼容IE6 7 8 FF 谷歌
    2010-04-04
  • Bootstrap每天必学之标签页(Tab)插件

    Bootstrap每天必学之标签页(Tab)插件

    Bootstrap每天必学之标签页(Tab)插件,通过这个插件您可以把内容放置在标签页或者是胶囊式标签页甚至是下拉菜单标签页中,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • JavaScript canvas实现镜像图片效果

    JavaScript canvas实现镜像图片效果

    这篇文章主要为大家详细介绍了JavaScript canvas实现镜像图片效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • js实现星星闪特效

    js实现星星闪特效

    这篇文章主要为大家详细介绍了js实现星星闪特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • DOM节点深度克隆函数cloneNode()用法实例

    DOM节点深度克隆函数cloneNode()用法实例

    这篇文章主要介绍了DOM节点深度克隆函数cloneNode()用法,实例分析了cloneNode()函数深度复制的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01

最新评论