`
rcatws
  • 浏览: 5719 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JavaScrip 笔记 1

JavaScript 
阅读更多

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个空格。
分享到：
| Visual Studio 2012操作笔记
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics