JavaScript基础练习与实例解析

原创

于 2025-09-13 16:07:06 发布 · 829 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript # 基础练习 # 示例代码

1、判断题：当禁用了 JavaScript 的访客访问你的网站时，你应该阻止其访问，因为没有合理的理由禁用 JavaScript。

错误

2、创建一个通常会出现在 HTML 页面的

或块内的 JavaScript 定义块。

<script type="text/javascript">
    // JavaScript 代码写在这里，例如：
    function exampleFunction() {
        alert("这是一个示例函数");
    }
</script>

3、判断正误：在文档类型定义块中声明所使用的 JavaScript 版本很重要。

错误

4、判断对错：JavaScript 可以出现在 HTML 页面的

块和文本中。

正确

5、创建一个新的网页并将其命名为mysecondpage.htm。在页面的

部分创建一个JavaScript脚本，让该脚本显示一个包含你名字的alert()对话框。在至少两种不同的网页浏览器中测试此脚本。

示例代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>My Second Page</title>
</head>
<body>
<script type="text/javascript">
alert("Steve Suehring");
</script>
<p>My Second Page</p>
</body>
</html>

你需要将其中的“Steve Suehring”替换为你自己的名字，然后在至少两个不同的浏览器中打开该网页测试。

6、编辑一个网页，在页面的

部分创建一个函数，并将原本在脚本中的alert()对话框移动到新函数中，然后从现有的脚本中调用这个新函数。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>My Second Page</title>
    <script type="text/javascript">
        function callAlert() {
            alert("Steve Suehring");
        }
    </script>
</head>
<body>
    <script type="text/javascript">
        callAlert();
    </script>
    <p>My Second Page</p>
</body>
</html>

7、将之前创建的函数移动到一个外部JavaScript文件中，并在网页中链接或调用该文件。

以下是具体步骤：

打开存放网页文件的项目，找到对应的网页文件（假设为 myfirstpage.htm ），右键点击该文件，选择“Open With”，然后点击“Text Editor”在编辑器中打开文件。
从“File”菜单中选择“New”，再选择“File”，创建一个新文件来存放JavaScript代码。在“File Name”文本框中输入 myscript.js ，然后点击“Finish”。
在新文件中编写函数代码，修改函数调用的参数文本为“This is the Second Example.”，代码如下：

javascript function yetAnotherAlert(textToAlert) { alert(textToAlert); } yetAnotherAlert("This is the Second Example.");
从“File”菜单中选择“Save”保存文件，确保文件名输入为 myscript.js ，扩展名需要是 .js 而不是 .txt 。
打开 myfirstpage.htm 文件，删除之前粘贴的JavaScript代码，保留脚本标签：

html <script type="text/javascript"> </script>
为开始的 <script> 标签添加 src 属性，如下：

html <script type="text/javascript" src="myscript.js">
若需要，可删除多余的回车符，将代码放在一行，如下：

html <script type="text/javascript" src="myscript