前端笔记 (3.JavaScript 2)

一般来说,js代码越来越庞大的时候,最好要把它存在一个js文件中,

通过src引入即可,这样具有维护性高,可缓存(加载一次,无需加载)

方便未来拓展的特性

正确写法:

<script type=”text/javascript” src=”test1.js”></script>

错误写法:

<script type=”text/javascript” src=”test1.js” />

也不能在里面添加任何代码

<script type=”text/javascript” src=”test1.js”>alert(“执行不了”);</script>

如果双标签里面没有东西可以直接加/

平稳退化不支持js:<noscript>

Js的核心是EMAScript

一、语法构成

区分大小写

标识符就是指变量函数属性的名字,或者函数的参数,标识符可以是:

  1. 第一个字符必须是字母、下划线或者美元符号
  2. 其他字符可以是字母数字下划线或者美元符号
  3. 不能把关键字,保留字,true,false和null作为标识符

块级注释/**/

直接量(字面量  常量 literal)

所以直接量,就是程序中直接显示出来的数据值

100   //数字字面量

‘ljmz’ //字符字面量

False   //布尔字面量

/js/gi  //正则表达式字面量

Null   //对象字面量

数组字面量和对象字面量的表达式是支持的:

{x:1,y:2}

{1,2,3,4,5}

二、关键字和保留字

ECMAScript描述了一组具有特定用途的关键字,一般用于控制语句的开始或者结束

或者用于执行特定的操作等。关键字也是语言保留的,不能用作标识符

ECMAScript还描述了一组不能用作标识符的保留字,尽管保留字在js中还没有特定用途

,但是他们很有可能在将来被用作关键字

三、变量

变量是松散类型的,所谓的松散类型就是用来保存任何类型的数据。定义变量时

要使用var操作符,后面跟一个变量名也就是标识符

var box

定义了box变量,但是没有对它初始化,这时,系统会给它一个特殊的值—undefined

(表示未定义)

所谓变量就是可以初始化然后在改变的量,ECMAScript属于弱类型(松散类型)

的语言,可以同时改变不同类型的量(ps:虽然可以改变不同类型的量,但是这样做对于

后期维护带来困难,而且且性能也不高,导致成本很高!)

var stt=”ljmz”

stt=100;

alert(stt);

查看变量类型:typeof 变量名

时间: 2024-08-07 23:30:05

前端笔记 (3.JavaScript 2)的相关文章

前端笔记精彩博文周刊20150118期

下面是本期前端周刊了,欢迎关注我们的微博 @前端笔记网 或者我们的微信公众号 w3cmark_com. [行业资讯] 1.[用点]单身狗只能学学杜蕾斯的文案?还能买个安全套来照明呢 杜蕾斯的文案在2014年引发了一波又一波病毒式传播,几乎已经让“安全套”这个词不再敏感. 2.风口还是悬崖?互联网金融六模式在2015 如果说2013年底的时候仍然有很多企业和资本没有意识到这个风口,在刚刚过去的2014年可真是火力全开玩命投入.同时,在2014年第三季度,互联网金融的标杆产品余额宝第一次出现规模下降

前端笔记——如何控制表单控件中的disabled

0.前言 本文主要说明如何使能或禁止表单控件.表单控件具有disabled属性,通过设置该属性可以禁止所有的input控件,input的更多属性请参考资料[1].下面就通过一个简单的例子说明如何设置和读取disabled属性. [示例页面--代码] <!DOCTYPE html> <html> <head> <script src="jquery.js"></script> <meta charset="utf

前端html、Javascript、CSS技术小结

简单地总结了一下前端用过的html.javascript.css技术,算是清点一下,做个大略的小结,为进一步的学习给个纲领. 一.HTML 由于HTML5的兴起,简单地判断一个网页是否是html5网页,只需要找找内部是否有html5的标志性标签就行了.然而平时虽然写了不少html,却没怎么关注它的发展史: GML(Generalized Marcup Language)通用标记语言 和SGML(Standard Generalized Markup Language)标准通用标记语言. 由Tim

前端三剑客之javascript

前端三剑客之javascript 给个小目录  一.JavaScript介绍  二.ECMAScript(核心) 三.BOM对象(浏览器对象) 四.DOM对象(文档对象模型) 总结: JS的组成: a)   ECMAScript 是什么:担当的是一个翻译的角色:是一个解释器:帮助计算机来读懂我们写的程序:实现+-*/, 定义变量:几乎没有兼容性问题: b)   DOM: 文档对象模型:文档指的就是网页:把网页变成一个JS可以操作的对象:给了JS可以操作页面元素的能力:document;有一些兼容

【前端安全】JavaScript防http劫持与XSS 转

[前端安全]JavaScript防http劫持与XSS 作为前端,一直以来都知道HTTP劫持与XSS跨站脚本(Cross-site scripting).CSRF跨站请求伪造(Cross-site request forgery).但是一直都没有深入研究过,前些日子同事的分享会偶然提及,我也对这一块很感兴趣,便深入研究了一番. 最近用 JavaScript 写了一个组件,可以在前端层面防御部分 HTTP 劫持与 XSS. 当然,防御这些劫持最好的方法还是从后端入手,前端能做的实在太少.而且由于源

RX学习笔记:JavaScript数组操作

RX学习笔记:JavaScript数组操作 2016-07-03 增删元素 unshift() 在数组开关添加元素 array.unshift("value"); array.unshift(123); array.unshift("value1","value2"); push() 在数组末尾添加元素 array.push("value"); array.push(123); array.push("value1&

1500个前端开发常用JavaScript特效

原文:1500个前端开发常用JavaScript特效 源代码下载地址:http://www.zuidaima.com/share/1550463681776640.htm

前端开发:Javascript中的数组,常用方法解析

前端开发:Javascript中的数组,常用方法解析 前言 Array是Javascript构成的一个重要的部分,它可以用来存储字符串.对象.函数.Number,它是非常强大的.因此深入了解Array是前端必修的功课.周五啦,博主的心又开始澎湃了,明儿个周末有木有,又可以愉快的玩耍了. 创建数组 创建数组的基本方式有两种,一种字面量,另一种使用构造函数创建: var arr = [1,2,3]; //字面量的形式创建数组 值与值之间用英文逗号隔开 var arr1 = new Array(1,2

前端笔记精彩博文周刊20141213期

又到周刊的时间啦,欢迎来到前端笔记推出的前端周刊,我们会把本周的精彩前端博文.行业资讯推送给大家,希望能及时得到最新资讯的童鞋可以关注我们的微博 @前端笔记网 或者我们的微信公众号 w3cmark_com. 下面是20141213期周刊,欢迎查阅~ [行业资讯] 1.二维码取代搜索框?可能这次张小龙真错了 喜欢乔布斯的互联网大佬不少,公之于众的便有雷军.丁磊.杨勃.黄章.张小龙等人,最像乔布斯的非张小龙莫属.四个字:产品感觉.能连续打磨出Foxmail.QQ邮箱和微信这三款经典产品,自然不是运气

腾讯Web前端开发框架JX(Javascript eXtension tools)

转自:Web前端开发-Web前端工程师 » 腾讯Web前端开发框架JX(Javascript eXtension tools) JX – Javascript eXtension tools 一个类似 Google Closure Library 的 Web 前端开发框架,服役于 WebQQ 等大规模的 WebApp简介JX 是模块化的非侵入式Web前端框架,最新开源地址:https://github.com/AlloyTeam/JX. JX 框架同时适用于 Web Page 和 Web App