JS 流程控制 if语句
<script>
var d = new Date(); //创建时间个Date对象
var time = d.getHours(); //获取Date对象中的小时数
if (time < 12) {
alert('早上好！'); //如果小时数小于12输出“早上好”;
}
if (time > 12 && time < 18) {
alert('下午好！'); //如果小时数大于12小于18，输出下午好;
}
if (time > 18) {
alert('晚上好'); //如果小时数大于18，输出晚上好
}
</script>
JS FOR循环语句案例 从1+100的
<script>
var num = 0;
for (var i = 0; i <= 100; i++) {
num += i;
}
console.log(num);
</script>
JS while循环语句案例
<script>
var i = 0;
var text = '';
while (i <= 20) {
text += '数字是:' + i;
i++;
}
console.log(text);
</script>
JS do while循环语句案例
<script>
var i = 0;
var x = '';
do {
x = x + "数字是：" + i + "<br />";
i++;
}
while (i < 10);
console.log(x);
</script>
js 中数据类型转换parseInt()和isNaN()判断是不是NaN
<script>
var num = 'cccc';
num = parseInt(num);
if (isNaN(num)) {
alert('转换失败');
}
alert(num);
</script>
JS 数组删除添加修改，及遍历数组
<script>
var arr = ['张小明', '王月', '李朋', '白玉堂'];
//arr.pop(); //从尾部取出最后一个元素。
//arr.push('肖林'); //从尾部添加一个元素。
//arr.shift(); //从头部删除一个元素
//arr.unshift('户三娘'); //从头部添加一个元素
//var res = arr.splice(2, 1); //从第二个位置开始把元素'李朋'删除。
//alert(res); //输出被删除的元素。
//alert(arr); //查看被删除后的数组。
//js在数组中查中一个元素。用indexOf(scachervalue,formindex)函数;如果indexOf方法找不到返回的是-1;有什么用。主要用于关键字的寻找
//var res = arr.indexOf('王月');
//alert(res);
//alert(arr);
//js FOR遍历数组
/*
for (var i = 0; i < arr.length; i++) {
alert(arr[i]);
}
*/
//JS while语句遍历数组
var i = 0;
while (i < arr.length) {
alert(arr[i]);
i++;
}
</script>
JS 事件。onmouseover onmouserleave onblur onchange
<div style="background: blue; width: 200px; height: 200px;" onmouseover="over()" onmouseleave="leave()"></div>
<input type="text" placeholder="email" onblur="checks()" /><br><br>
<input type="telphone" placeholder="电话" />
<select onchange="change()">
<option value="1">北京</option>
<option value='2'>上海</option>
</select>
<script>
//事件 onmouseover 等鼠标滑过，触发一个事件
function over() {
console.log('鼠标滑过了');
}
//事件 onmouseleave 等鼠标移走，触发一个事件
function leave() {
console.log('鼠标滑走了');
}
//事件 onblur 等失去焦点时，触发一个事件。
function checks() {
alert('email不合法');
}
//事件 onchange 触发一个事件。
function change() {
alert('value改变');
}
</script>