JavaScript基本入门语法集合第3/3页

 更新时间:2008年09月14日 21:13:22   作者:  
对于新手来说,掌握下面的方法,基本上就可以自己些js了,入门必备

弹出警告信息

<script language=”JavaScript”>
<!--
window.alert(“Hello”);
// -->
</script>

弹出确认框

<script language=”JavaScript”>
<!--
var result = window.confirm(“Click OK to continue”);
// -->
</script>

定义函数

<script language=”JavaScript”>
<!--
function multiple(number1,number2) {
var result = number1 * number2;
return result;
}
// -->
</script>

调用JS函数

<a href=”#” onClick=”functionName()”>Link text</a>
<a href="/”javascript:functionName"()”>Link text</a>

在页面加载完成后执行函数

<body onLoad=”functionName();”>
Body of the page
</body>

条件判断

<script>
<!--
var userChoice = window.confirm(“Choose OK or Cancel”);
var result = (userChoice == true) ? “OK” : “Cancel”;
document.write(result);
// -->
</script>

指定次数循环

<script>
<!--
var myArray = new Array(3);
myArray[0] = “Item 0”;
myArray[1] = “Item 1”;
myArray[2] = “Item 2”;
for (i = 0; i < myArray.length; i++) {
document.write(myArray + “<br>”);
}
// -->
</script>

设定将来执行

<script>
<!--
function hello() {
window.alert(“Hello”);
}
window.setTimeout(“hello()”,5000);
// -->
</script>

定时执行函数

<script>
<!--
function hello() {
window.alert(“Hello”);
window.setTimeout(“hello()”,5000);
}
window.setTimeout(“hello()”,5000);
// -->
</script>

取消定时执行

<script>
<!--
function hello() {
window.alert(“Hello”);
}
var myTimeout = window.setTimeout(“hello()”,5000);
window.clearTimeout(myTimeout);
// -->
</script>

在页面卸载时候执行函数
<body onUnload=”functionName();”>
Body of the page
</body>

相关文章

  • 深入学习JavaScript中的原型prototype

    深入学习JavaScript中的原型prototype

    这篇文章主要介绍了深入学习JavaScript中的原型prototype,是JavaScript入门学习中的基础知识,需要的朋友可以参考下
    2015-08-08
  • javascript 数组的方法集合

    javascript 数组的方法集合

    我们经常用到js的数组,因为他方便控制,所以他的一些方法,大家一定要熟练应用
    2008-06-06
  • JavaScript浏览器对象之一Window对象详解

    JavaScript浏览器对象之一Window对象详解

    下面小编就为大家带来一篇JavaScript浏览器对象之一Window对象详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • JavaScript数据结构和算法之二叉树详解

    JavaScript数据结构和算法之二叉树详解

    这篇文章主要介绍了JavaScript数据结构和算法之二叉树详解,本文讲解了二叉树的概念、二叉树的特点、二叉树节点的定义、查找最大和最小值等内容,需要的朋友可以参考下
    2015-02-02
  • javascript中call()、apply()的区别

    javascript中call()、apply()的区别

    这篇文章主要介绍了javascript中call()、apply()的区别,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • js中top/parent/frame概述及案例应用

    js中top/parent/frame概述及案例应用

    top:永远指分割窗口最高层次的浏览器窗口;parent:包含当前分割窗口的父窗口,本文将围绕js中top、parent、frame进行讲述及他们的应用案例
    2013-02-02
  • JavaScript中document对象使用详解

    JavaScript中document对象使用详解

    这篇文章主要介绍了JavaScript中document对象使用详解,总结的十分详尽,需要的朋友可以参考下
    2015-01-01
  • 深入理解JavaScript系列(47):对象创建模式(上篇)

    深入理解JavaScript系列(47):对象创建模式(上篇)

    这篇文章主要介绍了深入理解JavaScript系列(47):对象创建模式(上篇),本文讲解了命名空间、定义依赖、私有属性和私有方法 、Revelation模式、链模式等内容,需要的朋友可以参考下
    2015-03-03
  • showModelessDialog()使用详解

    showModelessDialog()使用详解

    showModelessDialog()使用详解...
    2006-09-09
  • js setTimeout 常见问题小结

    js setTimeout 常见问题小结

    主要包括this指向问题、向setTimeout传入参数等相关问题,下面与大家分享下以上问题的解决方法,感兴趣的朋友可以参考下
    2013-08-08

最新评论