- 22
- 0
- 约1.51万字
- 约 30页
- 2016-11-04 发布于重庆
- 举报
(整理)javascript高手之路笔记1234(燕十八老师)
Js如何操作的DOM?
浏览器有html源码渲染的功能,把html源码在内存里形成一个DOM对象,就是文档对象
还有一个javascript的解释器/执行器引擎
我们在html里写一个js代码,js代码引擎所执行,而执行的结果就是对DOM的操作,而非 对DOM操作的结果,就是我们常看到效果,比比如图片移动,变色
javascrip 语言本身的语法,
DOM对象
BOM模型 browser,浏览器模型
浏览器是“宿主”,但Js的宿主不限于浏览器,也可能是服务器端
Javascript 和以后的PHP一样,都是一种解释执行的语言
语言分:解释执行和编译执行
英文 中国人张三(不会英文)
把英文的报刊翻译成中文报刊,然后再看
(翻译完之后,多了一份中文版)
找一个同声翻译,一连看英语,随时翻译出中文来
方式1:第一次运行的时候,要多等一会,因为要等报纸翻译完毕
但是一旦翻译完毕后,以后再运行,就能直接运行
方式2:每次运行都要翻译
所以:hello.c----( hello.exe[二进制代码可执行文件]
Hello.php/hello.js--(PHP解释引擎/js引擎---(产生相应的执行效果
Javascript和java的关系
语言本身没有关系
网景公司最早开发出来的在浏览器运行的脚本语言:livescript
开发之后,正碰上java如日中天,为了抱大腿,改名叫javascript
编程共用的东西:
变量、控制结构(顺序/分支/循环)、表达式、语句;
变量的讨论:
请看黑板:
黑板上的内容代表今天的排骨价格:
依据这个场景,来深入探讨
编程中的重要概念-----变量
我们可以挖掘出的要素:
黑板 ----------内存中该变量的存储地址
当天价格 ---------变量名
40.1 ----------变量值
数值 ----------变量的类型
排骨很贵、房价也很贵
Var age = 22;
Var price = 40.1;
当声明上述两个变量之后,发生了什么呢
22 40.1 如上,js解释引擎先创建2个变量名:age price
再为此2个变量申请各自的空间、并获得地址
然后,age price 的地址属性的值就是内存中的地址
也就是说,变量名并不直接体现变量的值,只能体现该变量在内存中的位置
来看:
Var a = 3;
建立变量、申请空间,变量指向该空间,并把3记录到相应的内存空间
Var b = a;
建立变量b、申请空间,变量指向该空间,并把a变量对应的内存中的值读出来,再存储到b的相应空间
变量的赋值 b=a为例,不仅可以把a的值读出来,存储到b的相应空间,这样的话,a,b是相互独立的,修改时不影响对方,
这种情况叫“传递赋值”
还有另外一种情况,“引用赋值”
变量赋值b=a指向的地址,这样b和a都指向同一个地址,这样的话,a,b是相互影响的,修改时互相影响
在javascript语言里,不必像PHP那样用””符号来声明引用赋值
Javascript里,数组、函数、对象,这三都默认即是引用赋值的
Js变量名称的要求:
变量名只能用字母、下划线、数字、$、这4种组成
首字母不能以数字开头
比较新的js标准已经支持用任何UNICODE字符做变量名(当然,仍然不能用数字开头)
这意味着,汉字可以做变量名(实际开发勿用)
变量名区分大小写
要求命名有意义,不要用aaa,c,asdf这样的变量名
变量可以先声明,但不赋值;
变量声明:
Var age = 22;
Age = 22; //这是一种不规范的写法,与加var的区别很大,请不要这样写
在Html代码中,如何引入javascript
(和css的引入对比学习)
可以用
script type=”text/javascript”
Code……..//自己写的代码
/script
可以把js代码拿到一个专门的.js文件里
然后引用该文件
script type=”text/javascript” scr=””
/script
注意:外部的.js文件里面直接写js代码,不要在开头和结尾加script/script
注意一种错误的写法
script type=text/javascript src=1.js
var _name=张三;
alert(_name);
/script
这样写是不会发生作用的
请注意:如果用2种方式混合,引入多个script文件,运行效果相当于按顺序把多个script代码合起来,按顺序运行
script/sctipt可以写在页面的哪个位置?
答
您可能关注的文档
最近下载
- 珍惜战友情谊 密切内部关系.docx VIP
- PowerFlex 700变频器用户手册(中文).pdf
- 2025年厦门事业编考试真题及答案 .pdf VIP
- 2025年湖南科技大学中国近现代史纲要期末考试模拟题必考题.docx VIP
- 2025年宁夏大学微生物学专业《微生物学》期末试卷及答案.docx VIP
- 宁夏大学土壤学笔记.docx VIP
- 2025年山东劳动职业技术学院单招语文测试模拟题库附答案.docx VIP
- 2025(人教2019版)化学必修第二册 第五章单元解读课件.pptx
- 厦门市同安区事业单位招聘考试题目及答案2025.docx VIP
- 建筑工程论文8000字.pdf VIP
原创力文档

文档评论(0)