问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

JS 打开新窗口

发布网友 发布时间:2022-04-23 14:45

我来回答

5个回答

懂视网 时间:2022-05-15 18:21

给大家介绍Js操作window窗口对象的属性方法以及Js操作window窗口对象的实现步骤,下面给大家举一个小案例帮助理解,一起来看一下。

---------------------------------------------------------------------
注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写
否则会提示你一个错误信息 "引用的元素为空或者不是对象"
---------------------------------------------------------------------
对象属性

window.opener opener属性与打开该窗口的父窗口相联系,当访问子窗口中operer属性时 ,返回的是父窗口。通过该属性,可以使用父窗口对象中的方法和属性。 
window   //窗口自身
window.self  //引用本窗口window=window.self
window.closed  //表示窗口是否已经关闭
window.name  //为窗口命名
window.defaultStatus //设定窗口状态栏信息
window.location  //URL地址,设置这个属性可以打开新的页面

---------------------------------------------------------------------
对象方法

window.alert("text")   //提示信息对话框
window.confirm("text")   //确认对话框
window.prompt("text")   //要求键盘输入对话框
window.setIntervel("action",time) //每隔指定的时间(毫秒)就执行一次操作
window.clearInterval()   //清除时间设置作用就是终止循环
window.setTimeout(action,time) //隔了指定的时间(毫秒)执行一次操作
window.open()    //打开新的窗口
window.close()    //关闭脚本所在窗口

---------------------------------------------------------------------
成员对象

window.event
window.document //见document对象详解
window.history
window.screen
window.navigator
window.external

---------------------------------------------------------------------
window.history对象

window.history.length //浏览过的页面数
history.back()  //后退
history.forward() //前进
history.go(i)  //到历史清单的第i位
   //i>0前进,i<0后退

---------------------------------------------------------------------
window.screen对象

window.screen.width //屏幕宽度
window.screen.height //屏幕高度
window.screen.colorDepth //屏幕色深
window.screen.availWidth //可用宽度
window.screen.availHeight //可用高度(除去任务栏的高度)

---------------------------------------------------------------------
window.external对象

window.external.AddFavorite("地址","标题" ) //把网站添加到收藏夹


---------------------------------------------------------------------
window.navigator对象

window.navigator.appCodeName //浏览器代码名
window.navigator.appName  //浏览器程序名
window.navigator.appMinorVersion //浏览器补丁版本
window.navigator.cpuClass  //cpu类型 x86
window.navigator.platform  //操作系统类型 win32
window.navigator.plugins
window.navigator.opsProfile
window.navigator.userProfile
window.navigator.systemLanguage //客户系统语言 zh-cn简体中文
window.navigator.userLanguage //用户语言,同上
window.navigator.appVersion //浏览器版本(包括系统版本)
window.navigator.userAgent
window.navigator.onLine  //用户否在线
window.navigator.cookieEnabled //浏览器是否支持cookie
window.navigator.mimeTypes

---------------------------------------------------------------------
<html>

<!--window对象方法示例脚本-->
<script language="javascript"> window.alert("您好!")</script>
<script language="javascript"> var action action=window.confirm("请选择操作...") if(action) document.write("您选择了继续操作") else document.write("您选择了取消操作")</script>
<script language="javascript"> var info info=window.prompt("请输入一些必要的信息") document.write (info)</script>
<script language="javascript"> var i;i=0; function action(){ i++; window.alert(i) //监视循环情况 if(i>=10) window.clearInterval(stop) //终止循环 } stop=window.setInterval("action()",1000)//1000毫秒=1秒</script>
<script language="javascript"> var i;i=0; function action(){ i++; window.alert(i) //监视循环情况 } window.setTimeout("action()",1000) //相同的代码setTimeout只执行一次</script></html>


相信看了这些案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

相关阅读:

怎样让DIV自适应高度

用Vue+CSS3怎么做交互特效

前端怎么解决emoji表情无法发送的BUG

热心网友 时间:2022-05-15 15:29

请采用网页对话框的方式  showModalDialog 

showModalDialog是jswindow对象的一个方法,和window.open一样都是打开一个新的页面。
区别是:showModalDialog打开子窗口后,父窗口就不能获取焦点了(也就是无法操作了)。
可以在子窗口中通过设置window.returnValue的值,让父窗口可以获取这个returnvalue.

2.一个例子
1)主窗口main.html,
2)在主窗口中通过showModalDialog的方式打开子窗口sub.html
3)在子窗口中设置returnValue返回给主窗口使用

main.html

复制代码代码如下:

<HTML>
<HEAD>
<METANAME="GENERATOR"Content="oscar999">
</HEAD>
<script>
functionshowmodal()
{
varret=window.showModalDialog("sub.html?temp="+Math.random());
alert("subreturnvalueis"+ret);
}
</script>
<BODY>
<INPUTid=button1type=buttonvalue="opensub"name=button1onclick="showmodal();">
</BODY>
</HTML>


sub.html

<HTML>
<HEAD>
<METANAME="GENERATOR"Content="oscar999">
</HEAD>
<script>
functionreturnMain()
{
window.returnValue="returnfromsub";
window.close();
}
</script>
<BODY>
<INPUTid=button1type=buttonvalue="returnandclose"name=button1onclick="returnMain()">
</BODY>
</HTML>

这种目前只有IE可用,其它浏览器都不可用了

方式二:

采用其它js框架,弹出对话框的模式

热心网友 时间:2022-05-15 16:47

window.open是新窗口打开,而你想要的是页面中弹出框或者说是模态框的效果,不一样的概念的

热心网友 时间:2022-05-15 18:22

window.open('index.html');

热心网友 时间:2022-05-15 20:13

lightbox
js打开新窗口方法整理

答案:在JavaScript中,打开新窗口可以使用window.open方法。详细解释:JavaScript中的window.open方法是一种非常常见且实用的方式,用于在新的浏览器窗口或标签页中打开一个新的网页。以下是关于该方法的一些重要细节和使用的知识点:1. 基本语法:window.open。其中,URL是你要打开的网页的网址;name是窗口...

js打开新窗口方法整理

新页面打开:使用`.target="_blank"`属性,或者通过表单提交。全屏模式:通过`window.open`方法设置`fullscreen`属性,代码示例显示如何在点击链接时全屏显示指定URL。固定大小:通过设置`window.open`的`width`和`height`属性,可控制窗口大小,如通过按钮触发。子窗口与父窗口控制:`.opener`属性可关闭父...

js如何打开一个新窗口js如何打开一个新窗口快捷键

1.首先打开电脑,然后打开JS,在里面创建一个HTML文件“test”。2.然后将HTML框架添加到测试文件中。3.然后添加两个输入,一个是按钮,另一个是文件。ID设置为“打开”,样式类型为“显示:无”,并且不显示。4.打开后,只会显示这个“打开文件”按钮。5.现在将onclick事件添加到按钮中,并调用openfile...

js 打开新窗口

打开新的窗口,窗口特性使用默认值 body script type=text/javascript function openAnother() { window.open(http://.baidu.com); //打开新窗口,窗口特性全部使用默认值。} /script button οnclick=openAnother()打开新窗口/button /body 打开新的窗口,设置窗口特性 body button οnclick=openAnot...

...Edge浏览器,用JS写“window.open()”打开的新窗口位置不固定,不能居...

Win10 Edge浏览器,用JS写“window.open()”打开的新窗口位置不固定,不能居中的问题。 20 如题,求解决方案。下面是我测试用的代码,URL是新窗口的地址,height和width是外面传进来的新窗口大小。window.open(url,"","alwaysRaised,scrollbars,resizable=no,height="+height... 如题,求解决方案。下面是我测试用...

js怎么打开一个新窗口js怎么打开一个新窗口快捷键

纯JS是实现不的,需要客户端配合。比如提供一些伪协议,或在js-sdk提供对应的方法。在html中怎样在新窗口打开新的页面?//---JSwindow.open()window.open(pageURL,name,parameters)其中:pageURL为子窗口路径name为子窗口句柄parameters为窗口参数(各参数用逗号分隔)//---链接啊啊啊 其中的target定义...

js如何打开新页面打开新窗口打开页面js在新窗口打开页面

如何在js中打开新页面?制作标签的网页版,或者播放图层。网上有很多代码。jQuery弹出窗口,jQuery选项卡,Jquery选项卡。使用get将表单中填写的两个值提交到一个新页面,新页面将如下所示:ml?num1=yyyscript&gt;标签,输入js代码:vara=inputtype=textvalue=test/&gt;;document.body.innerText=a;。3、浏览器...

js页面跳转的方式有哪些

JavaScript实现页面跳转的方式有:直接跳转、通过onclick函数实现按钮跳转、window.open函数打开新的窗口以及通过confirm方法来实现是否确认要打开新窗口我们在开发的过程中总会遇到各种页面跳转的情况,不同的跳转方式带来的体验不同。今天将分享几个JavaScript中的页面跳转方式,希望对大家有所帮助。【推荐课程:...

js中widow.open()方法使用详解

参数解释 &lt;SCRIPT LANGUAGE="javascript"&gt; js脚本开始 window open 弹出新窗口的命令 page 弹出窗口的文件名 newwindow 弹出窗口的名字(不是文件名) 非必须 可用空 代替 height= 窗口高度 width= 窗口宽度 top= 窗口距离屏幕上方的象素值 left= 窗口距离屏幕左侧的象素值 toolbar=no 是否显示工具栏 yes为显示 me...

急用:网页设计:如何用JS实现:单击按钮就新打开一个的窗口,并设计该窗口...

left=0 窗口距离屏幕左侧的象素值; toolbar=no 是否显示工具栏,yes为显示; menubar,scrollbars 表示菜单栏和滚动栏。 resizable=no 是否允许改变窗口大小,yes为允许; location=no 是否显示地址栏,yes为允许; status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许; &lt;/SCRIPT&gt; js脚本结束 本...

打开新窗口 设置在新窗口打开 网页以新窗口方式打开 网页以新窗口方式打开怎么做 新窗口打开是什么意思 js 打开新窗口 如何设置ie打开不在新窗口 html在新窗口打开网页 新窗口中打开网页文档
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
oppor9怎么长截屏啊 怎么从主板的型号来初步看主版的好坏? 膀胱括约肌松弛的症状 恢复感冒嗓子哑的方法 尿道括约肌什么用 怎么从主板型号上看主板性能 梦见辖区合并什么兆头? 2023年2月理发吉祥日 微信拍一拍满屏怎么弄 同等学力在职硕士与统招研究生区别 怎么用蓝牙同步通讯录到汽车上? 轿车蓝牙电话怎么使用 怎样才能让别人打人电话转发到自己车上? 汽车上带的那个电话如何才能使用呢? 索纳塔车上的电话操作方法 手机和汽车连上,怎么样操作才能不用拿手机就可以接打电话? phone什么意思车上的,怎么操作? 手机和汽车连上,不用拿手机就可以接打电话,怎么操作? 如何把手机打过来电话弄到汽车上接 车子上怎么设置手机接电话? 汽车上的车载电话怎么用?除了蓝牙手机还要什么设备吗? IPhone8plus手机不能上网没信号 怎么回事? 苹果8plus没信号 没法上网什么原因? 苹果8plus手机网络信号经常无服务 苹果8plus没信号 手机没法上网什么原因?手机没信号 苹果8plus 没信号 无法上网怎么处理? 苹果8plus无服务是因为什么 苹果8plus插上手机卡还是没信号是咋回事? 苹果8plus显示无服务怎么解决 iPhone8plus没信号的故障应该怎么解决? JS 打开新窗口的方法,求助 如何让js打开新窗口不被拦截 javascript打开新窗口显示图片,怎么用js文件实现? JS或者Jquery打开一个新页面,怎么打开?? 如何用js打开新窗口而不是新标签页 如何用JS打开新窗口,并关闭原来窗口 JS在新窗口打开 js打开一个新的窗体 用JS怎样强行打开新窗口.而不是新标签 js语句location.href怎么让它到新窗口打开 js如何 同时 打开 多个 窗口 如何用JS实现在当前页面打开新页面,而不是在新窗口打开? js打开新窗口问题 求JS 点击打开新窗口HTML代码! javaScript 激活新打开的窗口 如何用js实现 在当前页面打开新页面 而不是在新窗口打开 QQ怎样绑定? qq绑定是什么意思? 怎样在微信里转账给别人 QQ怎么绑定啊?