分享
 
 
 

菜鸟学习&#106avascript实例教程

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

用JS显示文字的例子:

<html>

<body>

<script type="text/javascript">

document.write("Hello World!")

</script>

</body>

</html>

用HTML标签来格式化文本的例子:

<html>

<body>

<script type="text/javascript">

document.write("<h1>Hello World!</h1>")

</script>

</body>

</html>

书写JS位置的例子:

打开页面弹出窗口的例子

<html>

<head>

<script type="text/javascript">

function message()

{

alert("网页教学网欢迎你的光临")

}

</script>

</head>

<body onload="message()">

</body>

</html>

在BODY区内输出显示文本的例子:

<html>

<head>

</head>

<body>

<script type="text/javascript">

document.write("欢迎光临网页教学网http://www.webjx.com")

</script>

</body>

</html>

调用其它的一个JS文件的例子:

<html>

<head>

</head>

<body>

<script src="xxx.js">

</script>

<p>

The actual script is in an external script file called "xxx.js".

</p>

</body>

</html>

变量的使用

变量使用的例子:

<html>

<body>

<script type="text/javascript">

var name = "Hege"

document.write(name)

document.write("<h1>"+name+"</h1>")

</script>

<p>This example declares a variable, assigns a value to it, and then displays the variable.</p>

<p>Then the variable is displayed one more time, only this time as a heading.</p>

</body>

</html>

函数的例子

函数使用的一个例子:

<html>

<head>

<script type="text/javascript">

function myfunction()

{

alert("HELLO")

}

</script>

</head>

<body>

<form>

<input type="button"

onclick="myfunction()"

value="Call function">

</form>

<p>By pressing the button, a function will be called. The function will alert a message.</p>

</body>

</html>

带一个参数的函数的例子:

<html>

<head>

<script type="text/javascript">

function myfunction(txt)

{

alert(txt)

}

</script>

</head>

<body>

<form>

<input type="button"

onclick="myfunction('Hello')"

value="Call function">

</form>

<p>By pressing the button, a function with an argument will be called. The function will alert

this argument.</p>

</body>

</html>

不同的两个参数调用函数的例子:

<html>

<head>

<script type="text/javascript">

function myfunction(txt)

{

alert(txt)

}

</script>

</head>

<body>

<form>

<input type="button"

onclick="myfunction('Good Morning!')"

value="In the Morning">

<input type="button"

onclick="myfunction('Good Evening!')"

value="In the Evening">

</form>

<p>

When you click on one of the buttons, a function will be called. The function will alert

the argument that is passed to it.

</p>

</body>

</html>

利用函数返回值的例子:

<html>

<head>

<script type="text/javascript">

function myFunction()

{

return ("Hello, have a nice day!")

}

</script>

</head>

<body>

<script type="text/javascript">

document.write(myFunction())

</script>

<p>The script in the body section calls a function.</p>

<p>The function returns a text.</p>

</body>

</html>

带参数的函数返回值的例子:

<html>

<head>

<script type="text/javascript">

function total(numberA,numberB)

{

return numberA + numberB

}

</script>

</head>

<body>

<script type="text/javascript">

document.write(total(2,3))

</script>

<p>The script in the body section calls a function with two arguments, 2 and 3.</p>

<p>The function returns the sum of these two arguments.</p>

</body>

</html>

条件语句的例子

简单条件语句的例子:

<html>

<body>

<script type="text/javascript">

var d = new Date()

var time = d.getHours()

if (time < 10)

{

document.write("<b>Good morning</b>")

}

</script>

<p>

This example demonstrates the If statement.

</p>

<p>

If the time on your browser is less than 10,

you will get a "Good morning" greeting.

</p>

</body>

</html>

if ... else 的条件语句的例子:

<html>

<body>

<script type="text/javascript">

var d = new Date()

var time = d.getHours()

if (time < 10)

{

document.write("<b>Good morning</b>")

}

else

{

document.write("<b>Good day</b>")

}

</script>

<p>

This example demonstrates the If...Else statement.

</p>

<p>

If the time on your browser is less than 10,

you will get a "Good morning" greeting.

Otherwise you will get a "Good day" greeting.

</p>

</body>

</html>

用随机数产生连接的例子:

<html>

<body>

<script type="text/javascript">

var r=Math.random()

if (r>0.5)

{

document.write("<a href='http://www.w3schools.com'>Learn Web Development!</a>")

}

else

{

document.write("<a href='http://www.refsnesdata.no'>Visit Refsnes Data!</a>")

}

</script>

</body>

</html>

多条件的语句实现的例子:

<html>

<body>

<script type="text/javascript">

var d = new Date()

theDay=d.getDay()

switch (theDay)

{

case 5:

document.write("Finally Friday")

break

case 6:

document.write("Super Saturday")

break

case 0:

document.write("Sleepy Sunday")

break

default:

document.write("I'm really looking forward to this weekend!")

}

</script>

<p>This example demonstrates the switch statement.</p>

<p>You will receive a different greeting based on what day it is.</p>

<p>Note that Sunday=0, Monday=1, Tuesday=2, etc.</p>

</body>

</html>

循环的例子:

for循环的一个例子:

<html>

<body>

<script type="text/javascript">

for (i = 0; i <= 5; i++)

{

document.write("The number is " + i)

document.write("<br>")

}

</script>

<p>Explanation:</p>

<p>The for loop sets <b>i</b> equal to 0.</p>

<p>As long as <b>i</b> is less than , or equal to, 5, the loop will continue to run.</p>

<p><b>i</b> will increase by 1 each time the loop runs.</p>

</body>

</html>

复杂循环的一个例子:

<html>

<body>

<script type="text/javascript">

for (i = 1; i <= 6; i++)

{

document.write("<h" + i + ">This is header " + i)

document.write("</h" + i + ">")

[1] [2] [3] [4] [5] [6] [7] [8] [9] 下一页

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有