菜鸟学习javascript实例教程
用JS显示文字的例子:
<html>
<body>
<body>
<script type="text/javascript">
document.write("Hello World!")
</script>
document.write("Hello World!")
</script>
</body>
</html>
</html>
用HTML标签来格式化文本的例子:
<html>
<body>
<body>
<script type="text/javascript">
document.write("<h1>Hello World!</h1>")
</script>
document.write("<h1>Hello World!</h1>")
</script>
</body>
</html>
</html>
书写JS位置的例子:
打开页面弹出窗口的例子
<html>
<head>
<script type="text/javascript">
function message()
{
alert("网页教学网欢迎你的光临")
<head>
<script type="text/javascript">
function message()
{
alert("网页教学网欢迎你的光临")
}
</script>
</head>
</script>
</head>
<body onload="message()">
</body>
</html>
</html>
在BODY区内输出显示文本的例子:
<html>
<head>
</head>
<head>
</head>
<body>
<script type="text/javascript">
document.write("欢迎光临网页教学网www.webjx")
</script>
document.write("欢迎光临网页教学网www.webjx")
</script>
</body>
</html>
</html>
调用其它的一个JS文件的例子:
<html>
<head>
</head>
<body>
<head>
</head>
<body>
<script src="xxx.js">
</script>
</script>
<p>
The actual script is in an external script file called "xxx.js".
</p>
The actual script is in an external script file called "xxx.js".
</p>
</body>
</html>
</html>
变量的使用
变量使用的例子:
<html>
<body>
<script type="text/javascript">
var name = "Hege"
switch case语句defaultdocument.write(name)
document.write("<h1>"+name+"</h1>")
</script>
合法的常量switch case语句defaultdocument.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>
函数的例子
函数使用的一个例子:
<html>
<head>
<head>
<script type="text/javascript">
function myfunction()nexus3保存的jar在哪儿
{
alert("HELLO")
}
</script>
function myfunction()nexus3保存的jar在哪儿
{
alert("HELLO")
}
</script>
</head>
<body>
<body>
<form>
<input type="button"
onclick="myfunction()"
value="Call function">
<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>
nginx服务器安装</html>
nginx服务器安装</html>
带一个参数的函数的例子:
<html>
<head>
<head>
<script type="text/javascript">
function myfunction(txt)
{
alert(txt)
}
function myfunction(txt)
{
alert(txt)
}
</script>
</head>
<body>
<body>
<form>
<input type="button"
onclick="myfunction('Hello')"
value="Call function">
</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>
this argument.</p>
</body>
</html>
</html>
不同的两个参数调用函数的例子:
<html>
<head>
<script type="text/javascript">
function myfunction(txt)
{
alert(txt)
}
</script>
</head>
<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">
<form>
<input type="button"
onclick="myfunction('Good Morning!')"
value="In the Morning">
<input type="button"
onclick="myfunction('Good Evening!')"
value="In the Evening">
</form>
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>
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>
利用函数返回值的例子:
<html>
<head>
<head>
<script type="text/javascript">
function myFunction()
{
return ("Hello, have a nice day!")
}
</script>
function myFunction()
{
return ("Hello, have a nice day!")
}
</script>
</head>
<body>
<body>
<script type="text/javascript">
document.write(myFunction())
</script>
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>
带参数的函数返回值的例子:
<html>
<head>
<script type="text/javascript">
function total(numberA,numberB)
{
return numberA + numberB
}
</script>
function total(numberA,numberB)
{
return numberA + numberB
}
</script>
</head>
<body>
<body>
<script type="text/javascript">
document.write(total(2,3))电脑如何新建数据库
</script>
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>
条件语句的例子
简单条件语句的例子:
<html>
<body>
<body>
<script type="text/javascript">
var d = new Date()
var time = d.getHours()
var d = new Date()
var time = d.getHours()
if (time < 10)
{
document.write("<b>Good morning</b>")
}
</script>
{
document.write("<b>Good morning</b>")
}
</script>
<p>
This example demonstrates the If statement.
</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>
If the time on your browser is less than 10,
you will get a "Good morning" greeting.
</p>
</body>
</html>
</html>
if ... else 的条件语句的例子:
<html>
<body>
<script type="text/javascript">
var d = new Date()
var time = d.getHours()
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>
{
document.write("<b>Good morning</b>")
}
else
{
document.write("<b>Good day</b>")
}
</script>
<p>
This example demonstrates Else statement.
</p>
This example demonstrates Else statement.
</p>
<p>
If the time on your browser is less than 10,
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>
Otherwise you will get a "Good day" greeting.
</p>
</body>
</html>
</html>
用随机数产生连接的例子:
<html>
<body>
<body>
<script type="text/javascript">
var r=Math.random()
if (r>0.5)
{
var r=Math.random()
if (r>0.5)
{
document.write("<a href='www.w3schools'>Learn Web Development!</a>")
}
else
{
document.write("<a href=''>Visit Refsnes Data!</a>")
}
</script>
}
else
{
document.write("<a href=''>Visit Refsnes Data!</a>")
}
</script>
</body>
</html>
</html>
多条件的语句实现的例子:
<html>
<body>
<script type="text/javascript">
var d = new Date()
<body>
<script type="text/javascript">
var d = new Date()
Day()
switch (theDay)
{
case 5:
javascript和mysql菜鸟教程 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>
switch (theDay)
{
case 5:
javascript和mysql菜鸟教程 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>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论