HTML与JavaScript交互实例解析-优快云博客

35、创建一个网页，该网页包含一个使用 DOM 0 内联事件连接到链接的 onclick 事件处理程序。事件处理程序应显示一个提示框，内容为“你点击了这里”。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Onclick</title>
    <script type="text/javascript">
        function handleclick() {
            alert("你点击了这里");
            return false;
        }
    </script>
</head>
<body>
    <p>
        <a href="#" onclick="return handleclick();">Click Here</a>
    </p>
</body>
</html>

36、创建一个网页，使用 ehandler.js 中较新的事件处理方式，连接点击（click）事件，当点击链接时显示警报信息‘You Clicked Here’。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Onclick</title>
    <script type="text/javascript" src="ehandler.js"></script>
    <script type="text/javascript">
        function handleclick() {
            alert("You Clicked Here");
            return false;
        }
    </script>
</head>
<body>
    <p><a href="#" id="clickMe">Click Here</a></p>
    <script type="text/javascript">
        var aLink = document.getElementById("clickMe");
        EHandler.add(aLink, "click", function() {
            handleclick();
        });
    </script>
</body>
</html>

37、创建一个网页，其中包含一个指向 http://www.microsoft.com 的链接，并使该链接在新标签页中打开。

可以使用锚点元素的 target 属性来实现链接在新标签页中打开，示例代码如下：

<a target="_blank" href="http://www.microsoft.com" id="mslink">Go To Microsoft</a>

将此代码添加到网页的 HTML 文件中即可。

38、创建一个向浏览器发送 cookie 的网页。将过期日期设置为提前一天。通过在设置时查看或在其存储到计算机后查看，验证 JavaScript 代码是否已将 cookie 发送到浏览器。你可以使用 JavaScript 或查看计算机上的 cookie 来完成练习的第二部分。

以下是实现该功能的步骤和示例代码：

步骤：

创建 HTML 文件，在其中编写 JavaScript 代码来设置 cookie 并设置过期时间为一天前。
可以通过浏览器开发者工具或者 JavaScript 代码来验证 cookie 是否被正确设置。

示例代码：

<!DOCTYPE html>
<html>
<head>
<script>
function setCookie(name, value, days) {
    var d = new Date();
    d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000));
    var expires = "expires=" + d.toUTCString();
    document.cookie = name + "=" + value + ";" + expires + ";path=/";
}

// 设置 cookie，过期时间为 -1 天（提前一天）
setCookie("myCookie", "testValue", -1);

// 验证 cookie 是否设置成功
function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
    }
    return