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

最新推荐文章于 2022-04-27 11:48:20 发布

你的大数据学长

最新推荐文章于 2022-04-27 11:48:20 发布

阅读量3.9k

点赞数 4

分类专栏： HTML 文章标签： javascript html css

本文链接：https://blog.csdn.net/qq_43198568/article/details/104319638

版权

HTML 专栏收录该内容

22 篇文章 8 订阅

订阅专栏

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() 函数

结果展示

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

你的大数据学长

关注关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript之点击打开新网页--渐入HTML8

JavaScript之点击打开新网页--渐入HTML8代码关键代码解释结果展示代码非常简单的一个代码，所有代码都可以在我的GitHub中找到，链接在此<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>浏览器对象-window&l...
复制链接

扫一扫