JavaScript学习与示例1------调用脚本、注释，声明变量，消息框(alert,confirm,prompt)

1、当页面载入时，会执行位于 body 部分的 JavaScript。(当你把脚本放置于 body 部分后，它就会生成页面的内容。)

2、当被调用时，位于 head 部分的 JavaScript 才会被执行。(当脚本被调用时，或者当事件被触发时，脚本就会被执行。当你把脚本放置到 head 部分后，就可以确保在需要使用脚本之前，它已经被载入了。)

3、调用外部脚本，将 JavaScript 写入一个外部文件之中，以 .js 为后缀保存这个文件，然后把 .js 文件指定给 <script> 标签中的 "src" 属性，就可以使用这个外部文件了，如：

<html><head>

<script src="xxx.js">....</script>

</head>

<body>

<script src="/js/example_externaljs.js"></script>

</body>

</html>

注意：外部文件不能包含 <script> 标签。您可以把 .js 文件放到网站目录中通常存放脚本的子目录中，这样更容易管理和维护。

把 JavaScript 放入 HTML 页面

<html>

<head>
<script type="text/javascript"> .... </script>
</head>

<body>
<script type="text/javascript"> document.write("Hello World!"); </script></body>

</html>

//<script type="text/javascript"> 和 </script> 就可以告诉浏览器 JavaScript 从何处开始，到何处结束。

如何与老的浏览器打交道

那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生，我们可以使用这样的 HTML 注释标签：

注释行末尾的两个正斜杠是 JavaScript 的注释符号，它会阻止 JavaScript 编译器对这一行的编译。

JavaScript 注释

单行的注释以 // 开始,

多行注释以 /* 开头，以 */ 结尾。

声明（创建） JavaScript 变量

通过 var 语句来声明：JavaScript 变量：var x;

在声明时向变量赋值：var x=5; var carname="Volvo";

向未声明的 JavaScript 变量赋值

如果您所赋值的变量还未进行过声明，该变量会自动声明。

这些语句：

x=5;
carname="Volvo";

与这些语句的效果相同：

var x=5;
var carname="Volvo";

JavaScript Switch 语句

switch(n)
   {
   case 1:
     执行代码块 1
     break
   case 2:
     执行代码块 2
     break
   default:
     如果n即不是1也不是2，则执行此代码
   }
如：<script type="text/javascript">
//You will receive a different greeting based
//on what day it is. Note that Sunday=0,
//Monday=1, Tuesday=2, etc.

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 looking forward to this weekend!")
}
</script>

JavaScript 消息框

可以在 JavaScript 中创建三种消息框：警告框alert("文本")、确认框confirm("文本")、提示框prompt("文本","默认值")。

警告框:

<html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("我是警告框！！")
}
</script>
</head>
<body>

</body>
</html>

带有折行的警告框:

<html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("再次向您问好！在这里，我们向您演示" + '\n' + "如何向警告框添加折行。")
}
</script>
</head>
<body>

</body>
</html>

确认框:

<html>
<head>
<script type="text/javascript">
function disp_confirm()
{
var r=confirm("按下按钮")
if (r==true)
    {
    document.write("您按了确认！")
    }
else
    {
    document.write("您按了取消！")
    }
}
</script>
</head>
<body>

</body>
</html>

提示框:

<html>
<head>
<script type="text/javascript">
function disp_prompt()
{
var name=prompt("请输入您的名字","Bill Gates")
if (name!=null && name!="")
    {
    document.write("你好！" + name + " 今天过得怎么样？")
    }
}
</script>
</head>
<body>

</body>
</html>

posted on 2008-10-08 11:20 Shawn Zhang 阅读(568) 评论(0) 编辑收藏举报

刷新页面返回顶部

Shawn Zhang's Programming Zone

导航

公告