js操作DOM的原理

作用,不重新加载页面,让页面上某一元素改变

javascript引擎去改变DOM模型,即文档,让显示出来的

 

浏览器-》输入地址-》根据html源码在内存中渲染出DOM模型-》渲染显示

<script>指令-》javascript引擎(理解成机器,解释器)-》操作内存中的DOM模型

 

不同浏览器的javascript引擎会不同。最快的是Google的Mychrome的v8引擎。

!浏览器有根据html文件渲染的功能,根据html源码在内存中形成一个DOM模型,即文档对象,还有一个JavaScript引擎去操作DOM模型的功能

我们在html中写的js代码被引擎所执行,执行的结果就是对DOM的操作,比如文字变色,图片漂浮

学习1,JavaScript本身的语言语法,指令,2,操作对象,DOM对象  3,BOM模型,browser浏览器模型

引申:js的宿主不局限于浏览器,比如js引擎也能在后端服务器上用,node.js,服务器端运行的js框架

 

 

语言概念:

变量名命名规范,由数字,字母,下划线还有$符组成,不能以数字开头,不能和关键字冲突,

js中五种基本类型和复合类型

Number型,String,Boolean,NUll,Undefined。数组,对象,函数

传递赋值和引用赋值的区别

js中数组,对象,函数是引用赋值,其他是传递赋值,我们改变不了。php中,可以$a=&$b,在地址前加&来声明引用赋值

在html中引入js的方法

1:<script tpye="text/javascript">

...

</script>

2:<script tpye="text/javascript" src="XXX.js"></script>//此时标签内写的js代码会被忽略

//js,c,php单行注释,

/* 多行注释 */

js中函数声明写法,和其他语言的区别,不用声明形参的类型

function fname( a ,b){

}

转载于:https://www.cnblogs.com/chenxuzhen/p/5849439.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值