美文网首页
3.打开新的窗口

3.打开新的窗口

作者: 若愚同学 | 来源:发表于2018-06-12 22:10 被阅读0次
index.js
//打开新的窗口
function openWin(){
    /**
     * 第一个参数:要打开的url,也可以是相对路径,也可以是url
     * 第二个参数:在什么位置打开新的窗口 _self,在当前页打开,_blank在新的窗口中打开
     * 第三个第四个暂时忽略
     */
    //window.open("index2.html","_self");
    window.open("index2.html","_blank");
}

//关闭 窗口
function closeWin(){
    //IE所有的网页都能关闭,包括本身
    //只能关闭自己打开的网页,非自己打开的不能关闭 Scripts may close only the windows that were opened by it.
    window.close();
}

index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="index.js"></script>
</head>
<body>
    
    <button onclick="openWin()">打开窗口</button>
    
    <button onclick="closeWin()">关闭窗口</button>

</body>
</html>
index2.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="index.js"></script>
</head>
<body>
    
    <button onclick="openWin()">打开窗口</button>
    
    <button onclick="closeWin()">关闭窗口</button>

</body>
</html>

相关文章

  • 3.打开新的窗口

    index.js index.html index2.html

  • 小知识

    web打开的方式: 1.在当前窗口打开链接 2.新窗口/标签页打开链接 3.弹出窗口打...

  • 编程练习

    制作新按钮,“新窗口打开网站” ,点击打开新窗口。 任务 1、新窗口打开时弹出确认框,是否打开 提示:使用 if ...

  • chrome部分快捷键

    1.关闭页面或者在新窗口打开页面:鼠标中键(滚轮) 2.打开新空白页:CTRL+T 3.前进/后退:ALT +左右...

  • Google Chrome 常用快捷键

    一、窗口和页面 Ctrl+N 打开新窗口 Ctrl+T 打开新标签页 Ctrl+Shift+N 在隐身模式下打开新...

  • 练习1-window打开网页

    编程练习制作新按钮,“新窗口打开网站” ,点击打开新窗口。 任务1、新窗口打开时弹出确认框,是否打开提示: 使用 ...

  • vi new 功能

    命令 效果打开多个新的窗口

  • vscode 常用快捷键

    ···Ctrl+Shift+p:打开命令窗口Ctrl+Shift+n: 打开新的窗口 Ctrl+Shift+k: ...

  • 常用工具快捷键,你值得拥有

    Chorme快捷键 打开新窗口 Ctrl + n 在无痕模式下打开新窗口 Ctrl + Shift + n 打开新...

  • Google Chrome浏览器中的快捷键

    关于浏览器窗口和标签页 Ctrl + N 打开新的浏览器窗口 Ctrl + T 打开新的标签页 Ctrl + Sh...

网友评论

      本文标题:3.打开新的窗口

      本文链接:https://www.haomeiwen.com/subject/ejxdeftx.html