JavaScript之点击打开新网页--渐入HTML8

JavaScript之点击打开新网页--渐入HTML8

代码

非常简单的一个代码,所有代码都可以在我的GitHub中找到,链接在此

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浏览器对象-window</title>
    <script>
        function gotoCNBlogs() {
            window.open("http://www.cnblogs.com");
        }

        function dianji() {
            window.setTimeout("gotoCNBlogs();", 500);
        }
    </script>
</head>
<body>
<input type="button" value="点击打开博客园" onclick="dianji()">
</body>
</html>

关键代码解释

window.open("http://www.cnblogs.com");

打开 http://www.cnblogs.com 这个网站

window.setTimeout("gotoCNBlogs();", 500);

500毫秒后调用 gotoCNBlogs() 函数

<input type="button" value="点击打开博客园" onclick="dianji()">

当点击这个按钮时,调用 dianji() 函数

结果展示

在这里插入图片描述
点击按钮,出现打开以下页面
在这里插入图片描述

发布了20 篇原创文章 · 获赞 22 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_43198568/article/details/104319638
今日推荐