`
linuxstuding
  • 浏览: 1229467 次
文章分类
社区版块
存档分类
最新评论

JavaScript笔记 ---http://www.w3school.com.cn/js/index.asp

 
阅读更多

1.

当页面载入时,会执行位于 body 部分的 JavaScript。

当被调用时,位于 head 部分的 JavaScript 才会被执行。

head 部分
包含函数的脚本位于文档的 head 部分。这样我们就可以确保在调用函数前,脚本已经载入了。
body 部分
执行位于 body 部分的脚本。
外部 JavaScript
如何访问外部脚本。

为了达到这个目的,你可以将 JavaScript 写入一个外部文件之中。然后以 .js 为后缀保存这个文件。

注意:外部文件不能包含 <script> 标签。

然后把 .js 文件指定给 <script> 标签中的 "src" 属性,就可以使用这个外部文件了

JavaScript 是由浏览器执行的语句序列。

分号是可选的(根据 JavaScript 标准),浏览器把行末作为语句的结尾。正因如此,常常会看到一些结尾没有分号的例子。

注释:通过使用分号,可以在一行中写多条语句。

JavaScript 注释

可以添加注释来对 JavaScript 进行解释,或者提高其可读性。

单行的注释以 // 开始。多行注释以 /* 开头,以 */ 结尾。

JavaScript 变量名称的规则:

  • 变量对大小写敏感(yY 是两个不同的变量)
  • 变量必须以字母或下划线开始

重新声明 JavaScript 变量

如果您再次声明了 JavaScript 变量,该变量也不会丢失其原始值。

注意:请使用小写字母。使用大写的 IF 会出错!

警告框

警告框经常用于确保用户可以得到某些信息。

当警告框出现后,用户需要点击确定按钮才能继续进行操作。

语法:

alert("文本")

确认框

确认框用于使用户可以验证或者接受某些信息。

当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。

如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。

语法:

confirm("文本")

提示框

提示框经常用于提示用户在进入页面前输入某个值。

当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。

如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。

语法:

prompt("文本","默认值")

面向对象编程

JavaScript 是面向对象的编程语言 (OOP)。OOP 语言使我们有能力定义自己的对象和变量类型。

别着急,我们会在高级 JavaScript 的部分讲解如何创建自己的对象。现在,我们要开始学习内建的 JavaScript 对象,以及如何使用它们。从下一节开始,我们将具体地依次讲解的这些内建的 JavaScript 对象。

注意:对象只是一种特殊的数据。对象拥有属性和方法。

分享到:
评论

相关推荐

    Element-ui css非网络引用,

    link rel="stylesheet" href="/js/vue/index.css"&gt; &lt;el-button @click="visible = true"&gt;Button&lt;/el-button&gt; &lt;el-dialog :visible.sync="visible" title="Hello world"&gt; &lt;p&gt;Try Element&lt;/p&gt; &lt;/el-dialog&gt; ...

    qp_guestbook_src.rar

    &lt;script language="JavaScript" type="text/javascript" src="js/prototype.js"&gt;&lt;/script&gt; function goBrand(bid) { location="product/product-brand-"+bid+".html"; } &lt;/script&gt; &lt;script language="...

    微信小程序-小程序开发指南

    JavaScript:http://w3school.com.cn/js/index.asp JSON:http://w3school.com.cn/json/index.asp 微信小程序官方文档:https://mp.weixin.qq.com/debug/wxadoc/dev/index.html?t=201769 前端: PhotoSh

    Web 技术教程w3school离线完整版(含HTML5)

    Web 技术教程 网址:htt://pwww.w3school.com.cn 讲解、实例与编辑运行测试。

    最新Color Admin1.9 - bootstrap3响应后台模板+前端网页模板

    http://www.seantheme.com/color-admin-v1.9/admin/html/index.html Color Admin is the new premium and fully responsive admin template. Concept of design for Color Admin is based on the FLAT design and ...

    破解page admin

    &lt;% @ Control language="c#" Inherits="PageAdmin.masterhead"%&gt;&lt;!DOCTYPE ...&lt;script src="all.js" type="text/javascript"&gt;&lt;/script&gt; &lt;/head&gt; OK,修改title以及content标记的内容即可!

    Web 断点续传批量上传上传工具

    在线演示:http://www.ncmem.com/products/http-uploader3/demo/index.html 产品介绍:http://www.cnblogs.com/xproer/archive/2012/02/17/2355440.html 开发文档-ASP:...

    JS截屏控件

    在线演示-标准版:http://www.ncmem.com/products/screencapture/demo/index.html 在线演示-专业版:http://www.ncmem.com/products/screencapture/demo2/index.html 在线演示-CKEditor3.6.1:...

    Appium-mac-1.17.1.dmg

    JavaScript (Node.js) https://github.com/admc/wd Objective C https://github.com/appium/selenium-objective-c PHP https://github.com/appium/php-client C# (.NET) ...

    JavaScript购物车.zip

    项目介绍:https://blog.csdn.net/weixin_40805686/article/details/99221539 在线演示地址:http://www.weichufeng.cn/csdn/shopCar/shopCar.html

    百度地图JSAPI GL版的JavaScript开源工具库

    本代码库是基于百度地图JSAPI GL版的JavaScript开源工具库,如果使用的是2D地图的话,参考旧的[2D开源库](https://github.com/huiyan-fe/BMap-JavaScript-library)。 ## 如何使用 我们在将GL版的开源工具库放到了...

    Echarts 地图扩展插件 bmap.min.js

    &lt;script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak="&gt;&lt;/script&gt;&lt;!--百度申请开发码--&gt; &lt;script type="text/javascript" src="/js/echarts/js/echarts.min.js"&gt;&lt;/script&gt; ...

    jquery-3.5.1.js

    * jQuery JavaScript Library v3.5.1 * https://jquery.com/ * * Includes Sizzle.js * https://sizzlejs.com/ * * Copyright JS Foundation and other contributors * Released under the MIT license * ...

    哈工大材料力学课件.part2

    &lt;script src="http://d.namipan.com/js/mootools.js" language="javascript"&gt;&lt;/script&gt; &lt;script src="http://d.namipan.com/js/xpi.js" language="javascript"&gt;&lt;/script&gt; &lt;script src="...

    【JavaScript源代码】解决element DateTimePicker+vue弹出框只显示小时.docx

     三个知识点: 1.css 后代选择器 https://www.w3school.com.cn/css/css_selector_descendant.asp 2.vue深度选择器 https://vue-loader.vuejs.org/zh/guide/scoped-css.html  3.element ui DateTimePicker ...

    JavaScript加密库SJCL.zip

    SJCL 是来自斯坦福大学的 JavaScript 加密库。在线演示:http://bitwiseshiftleft.github.io/sjcl/demo/ 示例代码: sjcl.encrypt("password", "data") sjcl.decrypt("password", "encrypted-data") ...

    iotjs:带有JavaScript的物联网平台http://www.iotjs.net

    IoT.js:具有JavaScript的物联网平台 您可以在我们的和上找到项目详细信息。 每天以实际目标为单位来衡量内存使用情况和二进制占用空间。 下表显示了设备上的最新结果: 树莓派3 树莓派2 STM32F4-发现 IRC...

    asp.net大文件上传示例代码-access-gb2312

    在线演示:http://www.ncmem.com/products/http-uploader3/demo/index.html 产品介绍:http://www.cnblogs.com/xproer/archive/2012/05/29/2523757.html 开发文档-ASP:...

    PDF.js, 支持移动端电脑端PDF查看的浏览器控件

    电脑端与移动端均支持,可以查看PDF文档并对文档进行控制,非常好用的控件。

    Calendar Eightysix JS日历插件

    Full documentation at http://dev.base86.com/scripts/mootools_javascript_datepicker_calendar_eightysix.html. Look at the source code of this document for the HTML and JS-code.

Global site tag (gtag.js) - Google Analytics