javascript常用的东西

最新推荐文章于 2024-08-27 21:01:56 发布

weixin_30687051

最新推荐文章于 2024-08-27 21:01:56 发布

阅读量133

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/songbo236589/p/8320923.html

版权

判断数据类型：typeo()

在浏览器中打印数据：document.write();

下面的例子基于前面的示例用 break 和 continue 语句控制循环。

if elses实例：

var x = 1;
if(x==1){
document.write('判断正确');
}else{
document.weite('判断错误');

}

switch语句

var n = 2;
switch(n)
{
case 1:
alert('输出1');
break;
case 2:
alert('输出2');
break;
default:
alert('输出3');
}

内联三元运算符 ?:

var n = 2;
var b;
n==2?b=1:b=3;
document.write(b);

while循环

var i=0;
while (i<5)
{
i++;
document.write(i);
}

do/while循环

var i=0;
do
{
i++;
document.write(i);
}
while (i<5);

for循环

for (var i=0;i<5;i++)
{
document.write(i + "<br>");
}

for in 循环

var array=[1,2,3,4,5];
for(var i in array){
alert(array[i]);//数组的元素
}

js事件

1.noabort事件：在视频（video）终止加载时执行 JavaScript:

2.onblur 失去焦点时触发

性别:<input type="text" name="sex" value=""size="30" οnblur="chkvalue(this)"><br>

年龄:<input type="text" name="age" value=""size="30" οnblur="chkvalue(this)"><br>

住址:<input type="text" name="addr" value=""size="30" οnblur="chkvalue(this)">
</p>
</form>
</body>
<script type="text/javascript">
function chkvalue(txt) {
if(txt.value=="") alert("文本框里必须填写内容!");
}
</script>
</html>

3.onfocus当获得焦点时的操作

<html>
<head>
<script type="text/javascript">
function setStyle(x)
{
document.getElementById(x).style.background="yellow"
}
</script>
</head>

<body>

First name: <input type="text"
οnfοcus="setStyle(this.id)" id="fname" />
<br />
Last name: <input type="text"
οnfοcus="setStyle(this.id)" id="lname" />

</body>
</html>

4.onchange事件会在域的内容改变时发生。

<html>
<head>
<script type="text/javascript">
function upperCase(x)
{
var y=document.getElementById(x).value
document.getElementById(x).value=y.toUpperCase()
}
</script>
</head>

<body>

输入您的姓名：
<input type="text" id="fname" οnchange="upperCase(this.id)" />

</body>
</html>

5.ondblclick 双击事件

Field1: <input type="text" id="field1" value="Hello World!">
<br />
Field2: <input type="text" id="field2">
<br /><br />
双击下面的按钮，把 Field1 的内容拷贝到 Field2 中：
<br />
<button οndblclick="document.getElementById('field2').value=
document.getElementById('field1').value">Copy Text</button>

</body>
</html>

6. onkeydown事件会在用户按下一个键盘按键时发生。

function noNumbers(e)
{
var keynum;
var keychar;

keynum = window.event ? e.keyCode : e.which;
keychar = String.fromCharCode(keynum);
alert(keynum+':'+keychar);
}

</script>
<input type="text" οnkeydοwn="return noNumbers(event)" />
</body>
</html>

转载于:https://www.cnblogs.com/songbo236589/p/8320923.html

weixin_30687051

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript常用的东西

判断数据类型：typeo()在浏览器中打印数据：document.write();下面的例子基于前面的示例用break和continue语句控制循环。if elses实例：var x = 1; if(x==1){ document.write('判断正确');}else{ document.weite('判断错误');}switch语句var n = ...
复制链接

扫一扫