回顾
Js用作网页的动态效果的!!!
今天上午会把js的重要知识点讲完!!!
对大家的要求,能看懂别人写的JS代码,如果微调或者修改一下更好!!!
因为咱们以后都是使用别人封装好的js
以后写特效的话,你找我我帮你写!!!,绝不不会让你写的额!!!
因为懂语法格式,后面jQuery,这个jQuery是对js的封装。咱们js十行代码搞定的活,jQuery有可能一行代码就可以搞定!你说你用哪一个?肯定jQuery。而且后面的react vue layui bootstrap等这些前端框架,人家的js又自己封装了一下,要重写学,语法都不一样的
学习思路:
1.学习js的基本语法格式
引入方式(修饰html)
变量的声明
数据类型
运算符
分支结构(和咱们java特别象)
循环结构 for(in) 遍历对象
函数
dom操作
js可以把一个页面看成一个对象,一个页面里面都是可以看成一个对象的!!!
js可以把一个标签转为对象,转为对象以后js提供了一些属性和一些方法共咱们操作对象
这个对象就是标签,就是在操作标签!!!
动态的创建标签也是dom操作!!!
今天的内容
js
XML
扩展
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="div1"></div>
<button >点一下</button>
</body>
<script>
var div1 = document.getElementById("div1")
var btns = document.getElementsByTagName("button")
1.JS的内容
1.1window对象
所有浏览器都支持 window 对象。它代表浏览器的窗口。
所有全局 JavaScript 对象,函数和变量自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
写很多代码的时候没有写window
alert() 弹框效果,全写 window.alert()
1.1.1window下面有一个属性叫onload
onload是浏览器只要被启动,就会执行onload这个属性
onclick是鼠标点击之后就会执行
首先找到标签对象,拿标签对象调用属性或者调用方法(匿名函数)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body id="b1">
<div id="div1"></div>
</body>
<script>
1.1.2window获取电脑窗体的宽高
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script>
1.1.3window提示框
弹框
确认框
输入框
垃圾!!!太他妈的难看了,不要自己写,用比人封装好的,代码都有!!!这就是开发。
开发是效率高(复制别人的代码)而且还要好看
讲课咱们自己写的效率低,还难看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<button type="button" id="btn1">提示框</button>
<button type="button" id="btn2">确认框</button>
<button type="button" id="btn3">输入框</button>
</body>
<script>
var btn1 = document.getElementById("btn1")
var btn2 = document.getElementById("btn2")
var btn3 = document.getElementById("btn3")
btn1.onclick = function () {
window.alert("你好java")