改变内容文字大小:

将JavaScript 插入网页的方法

使用<script>标签在网页中插入Javascript代码。

插入JavaScript

与在网页中插入CSS的方式相似。使用下面的代码可以在网页中插入JavaScript:

<script type="text/JavaScript">
     ...
</script>

其中的...就是代码的内容。JavaScript的插入位置不同,效果也会有所不同,还可以像CSS一样,将JavaScript保存成一个外部文件,这些内容会在下一节讨论。

用JavaScript在网页中输出内容

JavaScript使用document.write来输出内容。例如

<script type="text/JavaScript">
  document.write("我是菜鸟我怕谁!");
</script>

将会输出在网页上输出:

我是菜鸟我怕谁!

学过编程的人应该知道,“我是菜鸟我怕谁!”两侧双引号代表字符串的意思。不过不理解这个概念也无所谓,学到后面就知道什么时候应该加双引号,什么时候不需要加了。

对不支持JavaScript的浏览器隐藏代码

有些浏览器可能不支持JavaScript,我们可以使用如下的方法对它们隐藏JavaScript代码。

<html>
  <body>
  <script type="text/JavaScript">
  <!--
  document.write("我是菜鸟我怕谁!");
  //-->
  </script>
  </body>
</html>

<!-- -->里的内容对于不支持JavaScript的浏览器来说就等同于一段注释,而对于支持JavaScript的浏览器,这段代码仍然会执行。至于“//”符号则是JavaScript里的注释符号,在这里添加它是为了防止JavaScript试图执行-->。不过通常情况下,现在的浏览器几乎都支持JavaScript,即使是不支持的,也会了解如何合理地处理含有JavaScript的网页。


  1. 上一节:JavaScript笔记第0节
  2. 将JavaScript 插入网页的方法
  3. 下一节:插入JavaScript的位置

菜鸟的JavaScript笔记目录

  1. JavaScript笔记第0节
  2. 将JavaScript 插入网页的方法
  3. 插入JavaScript的位置
  4. JavaScript 语句
  5. JavaScript 注释
  6. JavaScript 变量
  7. JavaScript操作符(1)——运算操作符
  8. JavaScript操作符(2)——比较操作符和逻辑操作符
  9. JavaScript if else语句(如果,否则)
  10. JavaScript Switch语句
  11. JavaScript 弹出框
  12. JavaScript 函数
  13. JavaScript For 循环
  14. JavaScript While循环
  15. JavaScript Break 与 Continue
  16. JavaScript For...In循环
  17. JavaScript事件
  18. JavaScript 调试
  19. JavaScript 特殊字符
  20. JavaScript 指导准则
  21. JavaScript 笔记小结

本节笔记参考: