PYTHON第五十五天笔记11.10
自记笔记:
Js:在函数体内,不加var定义,直接赋值id=“dfsd”,就相当于全局变量。而不是用global定义。
alert 即为(BOM)window元类对象下的一个方法。
js里bool值“true”、“false”不需要首字母大写。
Set interval:循环往复的执行。
Set timeout:隔多长时间执行一次。
一定要的清楚返回值时什么类型的。
标签出了固有属性,如果不是自带属性,可以自定义属性。
查找节点:
//得到的结果,除了...Id是返回单个标签元素,其他都是数组类型(包含元素的)。
document.getElementById(“d2”)
document.getElementByName(“name”)
document.getElementByTagName(“tag”)
document.getElementClassName(“name”)
讲课大纲:
python:
1 变量 i=10
2 数据类型
3 运算符
4 流程控制
顺序
分支
循环
5 函数
6 面向对象
JS :
ECMA
Bom
Dom
浏览器能够解释的:html css js
JS:
变量: var 关键字声明 var i=0;
var i;
i=10;
;作为分隔符,不加分号,默认以换行符作为分割语句
JS的数据类型:
number: 整型 浮点型 NAN
string
boolen: true false
undefined : 1、 变量只声明(var i;) 未赋值(i=12) 2函数没有return 默认返回undefined
object:arr [111,22,333] {"name":"yuan"}
运算符:
计算运算符: ++i --i
比较运算符: ===
逻辑运算符: && || !
流程控制语句:
分支:
1、if
if(表达式){
pass
}
2、if else:
if(表达式){
pass
}
else{
pass
}
3、
if(表达式){
pass
}
else if (表达式){
pass
}
else{
pass
}
4、switch(值){
case 1:执行代码;break;
case 2:执行代码;break;
case 3:执行代码;break;
case 4:执行代码;break;
default:执行代码;
}
循环语句:
条件循环 for
// 方式1:
for(初始表达式;条件表达式;自增或自减)
{
执行语句
……
}
for (var i=100;i>0;i--){
pass
}
// 形式2(遍历循环):
for( 变量 in 数组或对象)
{
执行语句
……
}
条件循环 while
while (条件){
语句1;
...
}
函数:
python:
def 函数名(参数):
函数体
函数体
js:
// 调用:函数名(实参,..)
function 函数名(形参){
arguments对象:一个存放所有实参的数组
函数体
return ....
}
函数名(实参,..)
// 匿名函数
(function (形参){
arguments对象:一个存放所有实参的数组
函数体
return ....
})(实参)
JS对象:
字符串对象
数组对象
日期对象
Math
==========================================BOM======================
BOM:browser object model
1 window对象
2 定时器
==========================================DOM========================
DOM: 文档对象模型
DOM:对象
节点: document element
JS:
1、查找标签:
(1)直接查找
1 document.getElementById("id值"); // 返回值一定是标签对象
2 document.getElementsByClass("c1"); // [标签对象,标签对象,...]
3 document.getElementsByTagName("标签名")
(2)导航查找(依据某个标签定位其它标签)
element.parentElement // 父节点标签元素
element.children // 所有子标签
element.firstElementChild // 第一个子标签元素
element.lastElementChild // 最后一个子标签元素
element.nextElementtSibling // 下一个兄弟标签元素
element.previousElementSibling // 上一个兄弟标签元素
2 标签操作
文本操作:
// 取值操作
// console.log(ele_p.innerText); // hello
// console.log(ele_p.innerHTML); // <a href="">hello</a>
// 赋值操作
// ele_p.innerText="google";
// ele_p.innerText="<a>google</a>"
ele_p.innerHTML="<a href=''>google</a>"
属性操作:
原生JS方式:
element.setAttribute(name,value)
element.getAttribute(属性名)
DHTML的简化方式:
element.属性名
element.属性名="值"
class操作:
className
classList.add()
classList.remove()
3 事件绑定;
1 标签对象.on事件=function(){}
for (var i=0;i<eles.length;i++)