【JavaScript】JavaScript学习 二 如何实现 JavaScript
2009-07-17 18:32
537 查看
HTML 的 <script> 标签用于把 JavaScript 插入 HTML 页面当中。
如何在页面中写文本
生成普通文本和标签
如何使用 JavaScript 在页面中写入普通文本和标签。
</html>[/code]
上面的代码会在 HTML 页面中产生这样的输出:
这样,<script type="text/javascript"> 和 </script> 就可以告诉浏览器 JavaScript 从何处开始,到何处结束。
</body>
</html>[/code]
document.write 字段是标准的 JavaScript 命令,用来向页面写入输出。
把 document.write 命令输入到 <script type="text/javascript">与</script>之间后,浏览器就会把它当作一条 JavaScript 命令来执行。这样浏览器就会向页面写入 "Hello World!"。
</body>
</html>[/code]
TIY
注意:如果我们不使用 <script> 标签,浏览器就会把 document.write("Hello World!") 当作纯文本来处理,也就是说会把这条命令本身写到页面上。
TIY
</body>
</html>
[/code]
注释行末尾的两个正斜杠是 JavaScript 的注释符号,它会阻止 JavaScript 编译器对这一行的编译。
实例
生成文本如何在页面中写文本
生成普通文本和标签
如何使用 JavaScript 在页面中写入普通文本和标签。
如何把 JavaScript 放入 HTML 页面
<html> <body> [code]<script type="text/javascript"> document.write("Hello World!"); </script></body>
</html>[/code]
上面的代码会在 HTML 页面中产生这样的输出:
Hello World!
实例解释:
如果需要把一段 JavaScript 插入 HTML 页面,我们需要使用 <script> 标签(同时使用 type 属性来定义脚本语言)。这样,<script type="text/javascript"> 和 </script> 就可以告诉浏览器 JavaScript 从何处开始,到何处结束。
<html> <body> [code]<script type="text/javascript"> ... </script>
</body>
</html>[/code]
document.write 字段是标准的 JavaScript 命令,用来向页面写入输出。
把 document.write 命令输入到 <script type="text/javascript">与</script>之间后,浏览器就会把它当作一条 JavaScript 命令来执行。这样浏览器就会向页面写入 "Hello World!"。
<html> <body> [code]<script type="text/javascript"> document.write("Hello World!"); </script>
</body>
</html>[/code]
TIY
注意:如果我们不使用 <script> 标签,浏览器就会把 document.write("Hello World!") 当作纯文本来处理,也就是说会把这条命令本身写到页面上。
TIY
如何与老的浏览器打交道
那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生,我们可以使用这样的 HTML 注释标签:<html> <body> [code]<script type="text/javascript"> <!-- document.write("Hello World!"); //--> </script>
</body>
</html>
[/code]
注释行末尾的两个正斜杠是 JavaScript 的注释符号,它会阻止 JavaScript 编译器对这一行的编译。
相关文章推荐
- JavaScript基础学习笔记(一)——JavaScript简介、 如何实现JavaScript、把 JavaScript 放置到何处、JavaScript语句
- JavaScript学习(一)-如何实现 JavaScript
- 原生js如何实现柱状图以及原生js柱状图结合ajax循环动态数据_JavaScript_柱状图(原生JavaScript做的柱状图)(03)_ajax获取数据
- 如何实现JavaScript的Map和Filter函数?
- Linq学习-关于Linq语言的如何实现随机排序的疑问
- mfc学习笔记之如何自己动手实现最简单的mfc程序
- Javascript学习之H5自动重连技术实现方法详解
- javaScript基础---(一):如何在网页中实现javaScript脚本语言
- WEB前端开发学习----4.用JavaScript实现网页游戏的移动效果
- [11] Windows PowerShell DSC学习系列---如何定制一个基于PowerShell脚本实现的DSC Resource
- 干货 | 如何使用 CNN 推理机在 IoT 设备上实现深度学习
- Mysql学习总结(44)——Linux下如何实现mysql数据库每天自动备份定时备份
- [zt]如何在 JavaScript 中实现拖放
- javascript操作两个选择列表(有两个列表,如何实现在一个列表通过双击和多选列表中内容添加到另一个列表. )
- 一起学习水晶报表之拉模式【如何实现水晶报表显示数据信息】(课程3)
- [转]如何在 JavaScript 中实现拖放
- 学习抓包之如何用Charles实现“刷楼”
- [翻译] 如何在 JavaScript 中实现拖放(上)
- java如何实现系统监控、系统信息收集、sigar开源API的学习
- javascript学习笔记_学习笔记6_javascript如何调试