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

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个空格。
分享到:
评论

相关推荐

    javascript笔记 javascript笔记

    **示例1:** ```html &lt;a href="javascript:document.write('Hello World!')"&gt;Click ``` - **解释:** 当用户点击这个链接时,`document.write('Hello World!')`这段JavaScript代码会被执行,页面上会输出`Hello ...

    狂神说系列 JavaScript笔记

    【狂神说系列 JavaScript笔记】是一份全面且深入的JavaScript学习资源,旨在帮助开发者和初学者深入理解这门广泛应用于Web开发的脚本语言。这份笔记涵盖了JavaScript的基础语法、核心概念以及高级特性,旨在构建一个...

    李立超JavaScript基础篇笔记

    JavaScript,简称JS,是由Brendan Eich在1995年创造的一种高级编程语言,最初目的是为了增强网页的交互性,特别是在前端进行表单验证。JavaScript不是Java的子集,两者之间没有直接关联。JS起初名为LiveScript,但在...

    黑马JavaScript笔记二.md

    黑马JavaScript笔记二.md

    javascript笔记

    javascript入门笔记包括javascript简介、javascript语法、javascript流程控制、函数、数组等

    菜鸟的Javascript笔记.rar

    1~20节讲述javascript JavaScript还有什么内容? 这个菜鸟的笔记里面没有谈到JavaScript中的对象,比如说时间对象和字符串对象,这些内容可以在“菜鸟的JavaScript对象笔记”中找到。不过因为小菜鸟个人认为...

    个人Javascript学习笔记 精华版

    1. 什么是JavaScript? JavaScript是一种脚本语言,由Netscape公司开发,编写的程序可以被嵌入到HTML/XML页面中,并直接在浏览器中解释执行。JavaScript的功能包括增强页面动态效果、实现页面(浏览器)与用户之间...

    韩顺平Javascript笔记完整版.pdf

    韩顺平Javascript笔记完整版.pdf ,配合视频看效果比较好

    html+css+javascript笔记完整版

    "html+css+javascript笔记完整版"是一份全面的前端学习资源,涵盖了从基础到进阶的HTML、CSS和JavaScript知识。通过深入学习,你可以掌握创建交互式、响应式网页所需的所有技能,并为进一步探索前端开发的广阔领域...

    《李炎恢Javascript笔记》+源码

    《李炎恢Javascript笔记》是一本深入浅出的JavaScript学习资料,它涵盖了JavaScript的基础到实践应用的诸多方面。这本书的特点是将复杂的编程概念分解为易于理解的小知识点,并且提供了源码示例,使得读者能够更好地...

    JavaScript笔记.md

    JavaScript笔记

    JavaScript笔记第一章—课程准备.pdf

    JavaScript是目前网页开发中广泛使用的脚本语言,主要用于网页内容的交互式处理和动态更新。本章内容主要介绍了学习JavaScript之前的一些基础知识和准备工作,包括注释、JavaScript的引入方式、输入输出工具的使用、...

    JavaScript笔记

    1. 注释:JavaScript使用//来注释单行代码,多行注释则可以使用/* ... */。 2. 对象:在JavaScript中,几乎一切都是对象,对象可以看作是一个类型,基于这个类型可以创建实例对象。 3. 变量:变量是存储数据的容器...

    JavaScript 笔记

    本笔记将深入探讨JavaScript的基本概念、脚本位置、外部引用以及Date对象的使用。 首先,理解JavaScript脚本在HTML文件中的放置位置至关重要。通常,JavaScript可以放在HTML文档的`&lt;head&gt;`或`&lt;body&gt;`部分。当脚本...

    javascript 笔记 适合初学者 jquery chm 资料

    这份"javascript笔记"可能是作者根据自己的学习和实践整理而成,对初学者来说是非常宝贵的资源。笔记中可能涵盖了变量声明、数据类型(如字符串、数字、布尔值、对象、数组等)、运算符、流程控制(如条件语句和循环...

    韩顺平javascript笔记(最全整理 dom编程 oop 基础语法)

    韩顺平老师的JavaScript笔记全面涵盖了基础语法、面向对象编程以及DOM编程,这些都是学习JavaScript时至关重要的知识点。 首先,基础语法是JavaScript学习的基石。包括变量声明(var、let、const)、数据类型(如...

    javascript学习笔记整理知识点整理

    这份“javascript学习笔记整理知识点整理”是针对初学者的一份宝贵资料,涵盖了JavaScript的基础知识,旨在帮助新手快速入门并掌握这门语言的核心概念。 一、变量与数据类型 在JavaScript中,变量用于存储数据。...

    JavaScript笔记.chm

    JavaScript笔记.chm

Global site tag (gtag.js) - Google Analytics