1. js中this表示当前标签,获取当前标签内的属性,示例如下:
var user_id = $(this).attr("data-user-id");
2. * js中var定义变量的关键字
* innerHTML 与 innerText修改内容
3. document.write( ); 表示写入。
4. js中的比较运算符:
&& (与) ||(或) !(非)
5. 以下元素在判断时为假,其余任何都为真:
0,null,undefined,NaN,‘ ’,false
6. js中的赋值运算符:
” += “ ” -= “ ” /= “ ” %= “ ” *= “
7. 判断运算符:
在js中“ == ”:判断类型是否相等,
而“ === ”:判断值和类型是否都相等。
8. 定时器:
setTimeout 设置定时器 clearTimeout 清除定时器 setInterval 设置定时器 clearInterval 清除定时器
9. 在清除定时器的同时要给予定时器加个名字,便于赋值给清除定时器:
定时器格式: setTimeout(函数.时间)
#定时器
<script> setTimeout(function () {
// 延迟定时器 2000毫秒后执行一次
console.log(1);
},2000); // 1000毫秒 = 1s setInterval(function () {
// 隔1000毫秒后一直不停的在执行
console.log(2);
});
// 格式: setTimeout(函数,时间); function fn() {
console.log(3);
}
setTimeout(fn,2000);
</script> #清除定时器
<div id="box">
<p> 还有<span id="timer">5s</span>就开始! </p>
</div> <script>
var oTime = document.getElementById('timer');
var num = 5;
var time;
time = setInterval(function () {
num --; // 逐渐往下减
oTime.innerHTML = num +'s'; //打印
if(num === 1){
clearInterval(time);
// clearTimeout(time), 前面用哪个定时器后面就跟哪个,要一一对应
window.location.href = 'http://www.baidu.com';
// 去某个地方的固定写法
}
},1000);
</script>
10. js中的for循环:
# // for 循环
for(var i=0; i<6; i++){
if(i===3) break;
console.log(i);
if(i===3)continue;
console.log(i);
} var a=0;
# // 条件为真才会执行
while (a<6){
console.log(a);
a++;
} var b = 8;
# // 不管真假都会执行一次
do{
console.log(b);
}while (b>10);
11. js中用于跳转:
window.location.href = 'http://www.baidu.com';
12. js 中用于刷新页面的是:
window.location.reload();
13. js执行事件:
<div id="box1"></div>
<div id="box2"></div>
<script> var oBox1 = document.getElementById('box1');
var oBox2 = document.getElementById('box2'); // oBox1.onclick = function () {
// console.log(1); // 点击会打印1
// };
// oBox2.onclick = function () {
// console.log(1);
// }; function fn() {
console.log(1);
# // 设置值,可以直接调用
}
oBox1.onclick = fn; # // 如果加括号会自动执行, 一般不用
oBox2.onclick = fn;
</script>
14. 函数表达式:
fn();
function fn() {
alert(1);
}; //函数定义 可以在定义前加括号执行,也可以在定义后加括号执行
// fn(); var fn = function () {
alert(1); // 通过var 的函数。只能在后面运行
}; // 效果一样
fn(); // 函数表达式
!function () {
alert(6)
}(); +function () {
alert(8)
}(); (function () {
alert(9)
})(); (function () {
alert(999) //国外使用方法,国内一般不用
}());
15.对样式进行修改:
<div id="box"></div>
<script>
var box = document.getElementById('box');
box.style.width = "200px";
box.style.height = "120px";
box.style.marginTop = "20px";
box.style.marginLeft = "auto";
</script>