JavaScrip 笔记 1

JavaScript 用法

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

 

外部的JavaScript

如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件

JavaScript 输出

JavaScript 没有任何打印或者输出的函数。

JavaScript显示数据

JavaScript可以通过不同的方式来输出数据:

  • 使用window.alert()弹出警告框。
  • 使用document.write()文件将内容写到HTML文档中。
  • 使用innerHTML写入HTML元素。
  • 使用console.log()写入到浏览器的控制台。

使用window.alert

<html>
  <body>
    <h2>Web页面</h2>
    <p>使用window.alert()函数,在弹出窗口中显示文本</p>

    <script>
      window.alert('提示文本');
    </script>
  </body>
</html>

使用document.write

<html>
<body>
  <p>使用document.write()函数,写内容到HTML文档中</p>
  <script>
    document.write(Date());
  </script>
</body>
</html>
<html>
<body>
  <p>请使用document.write()</p>
  <p>如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。</p>

  <button onclick="myFunction()">加载write</button>
  <script>
    function myFunction(){
      document.write(Date());
    }
  </script>
</body>
</html>

操作HTML元素,innerHTML

<html>
<body>  
	<p>把数据写到浏览器控制台中</p>
  <p>浏览器中使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单。</p>
  <script>
		a = 5;
		b = 6;
		c = a + b;
		console.log(c);
  </script>
</body>  
</html>

 总结整理

  • 那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。
  • 语句结束时需要使用分号结尾。
  • JavaScript中可以成对的使用单引号或者双引号。在一段JavaScript中不要同时使用单引号和双引号,一般都使用单引号。
  • 您 可以在 HTML 文档中放入不限数量的脚本。脚本可位于 HTML 的 <body> 或 <head> 部分中,或者同时存在于两个部分中。通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。一般引用js文件放在<head>,<script>代码放在<body>底部。
  • 外部脚本不能包含<script>标签。
  • JavaScript中段落缩进,使用2个空格。

相关推荐