python学习--javascript，,https://ww

文章由Byrx.net分享于2019-08-24 03:08:18评论（92）

python学习--javascript，,https://ww


https://www.cnblogs.com/wupeiqi/articles/5602773.html

JavaScript

独立的语言，浏览器具有js解释器

JavaScript代码存在形式：

- Head中

<script>

//javascript代码

alert(123);

</script>

<script type="text/javascript">

//javascript代码

alert(123);

</script>

- 文件

<script src=‘js文件路径‘> </script>

PS: JS代码需要放置在 <body>标签内部的最下方

注释

当行注释 //

多行注释 /* */

变量：

python：

name = ‘alex‘

JavaScript:

name = ‘alex‘ # 全局变量

var name = ‘eric‘ # 局部变量

写Js代码：

- html文件中编写

- 临时，浏览器的终端 console

基本数据类型

数字

a = 18;

字符串

a = "alex"

a.chartAt(索引位置)

a.substring(起始位置，结束位置)

a.lenght 获取当前字符串长度

...

列表(数组)

a = [11,22,33]

字典

a = {‘k1‘:‘v1‘,‘k2‘:‘v2‘}

布尔类型

小写

for循环

1. 循环时，循环的元素是索引

a = [11,22,33,44]

for(var item in a){

console.log(item);

}

a = {‘k1‘:‘v1‘,‘k2‘:‘v2‘}

for(var item in a){

console.log(item);

}

2.

for(var i=0;i<10;i=i+1){

}

a = [11,22,33,44]

for(var i=0;i<a.length;i=i+1){

}

不支持字典的循环

条件语句

if(条件){

}else if(条件){

}else if(条件){

}else{

}

== 值相等

=== 值和类型都相等

&& and

|| or

函数：

function 函数名(a,b,c){

}

函数名(1,2,3)

Dom

1、找到标签

获取单个元素 document.getElementById(‘i1‘)

获取多个元素（列表）document.getElementsByTagName(‘div‘)

获取多个元素（列表）document.getElementsByClassName(‘c1‘)

a. 直接找

document.getElementById 根据ID获取一个标签

document.getElementsByName 根据name属性获取标签集合

document.getElementsByClassName 根据class属性获取标签集合

document.getElementsByTagName 根据标签名获取标签集合

b. 间接

tag = document.getElementById(‘i1‘)

parentElement // 父节点标签元素

children // 所有子标签

firstElementChild // 第一个子标签元素

lastElementChild // 最后一个子标签元素

nextElementtSibling // 下一个兄弟标签元素

previousElementSibling // 上一个兄弟标签元素

2、操作标签

a. innerText

获取标签中的文本内容

标签.innerText

对标签内部文本进行重新复制

标签.innerText = ""

b. className

tag.className =》 直接整体做操作

tag.classList.add(‘样式名‘) 添加指定样式

tag.classList.remove(‘样式名‘) 删除指定样式

PS：

<div onclick=‘func();‘>点我</div>

<script>

function func(){

}

</script>

c. checkbox

获取值

checkbox对象.checked

设置值

checkbox对象.checked = true

作业：

1、登录、注册，练习：position

2、后台管理页面

- 左侧菜单

- 右边表格，全选反向，模态框，返回顶部

3、商城页

python学习--javascript

相关内容

评论关闭

最新python教程

python~HOT