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++)



 

posted @ 2017-11-13 07:02  主啊~  阅读(48)  评论(0编辑  收藏  举报