码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript

时间:2019-04-07 16:52:16      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:设置   console   循环   for循环   字符串长度   条件   复制   div   next   

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

JavaScript

标签:设置   console   循环   for循环   字符串长度   条件   复制   div   next   

原文地址:https://www.cnblogs.com/wapn/p/10665936.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!