页面请求使用window新开窗口方式

探索window弹出框Dialog的新用法
最新推荐文章于 2024-08-20 09:57:53 发布
原创 最新推荐文章于 2024-08-20 09:57:53 发布 · 447 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#dialog

本文详细介绍了在项目中使用window弹出框Dialog的两种方式：一种是通过window.open实现窗口打开，另一种是借助Dialog弹出框。通过具体的代码示例展示了如何在项目中灵活运用这两种方法，包括参数的设置和实例应用。

最初接触的就是新开一个window窗体,这种方式应该是比较常见的,就是试用window的打开方式open, window.open("163.com","newwindow","height=450px...status=no");

项目中具体试用

window.open(hrbUrl+"/jkda.shtml?sfzh="+sfzh, 'newwindow', 'height=heigthvalue, width=widthvalue, top=topvalue, left=leftvalue,  toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no');

最近看了一种新的方式,确实还是依赖window,只是参数不太一致吧,实现方式还是差不多的,这种事借助window弹出框Dialog ,window.showModelessDialog("URL..",window.dialogArguments,"parameter");

项目中具体试用

window.showModelessDialog(hrbUrl+"/jkda.shtml?sfzh="+sfzh,window.dialogArguments,"dialogWidth=850px;dialogHeight=600px;resizable=0;");  

 

happyzhang2007
关注
ajax请求成功后新开窗口window.open()被拦截解决方法
10-25
然而，当使用异步的AJAX请求之后，脚本试图打开新窗口时，由于这种行为不是由用户直接发起的，浏览器就有可能将其拦截，以防止潜在的广告弹窗或是恶意软件的行为。 针对这一问题，开发者可以尝试以下几种方法来解决...
js使用post 方式打开新窗口
10-24
首先，传统的window.open()方法通常用于打开新窗口，但如果需要通过POST方法发送数据，需要使用AJAX技术或者创建隐藏的表单来实现。 1. 使用window.open()方法：这是最直接的方法，可以用来打开一个新的浏览器窗口...
jq 新开窗口发送post请求
cominglately的博客
01-30 1041
参考链接: http://www.w3school.com.cn/jsref/met_win_open.asp http://www.w3school.com.cn/tags/att_form_target.asp window.open(URL,name,features,replace)    URL 指定打开窗口显示的内容, 如果是空字符串是则打开空白窗口 name 窗口的名字
window.open和vue router新开页面
鹤渺的星球
05-18 1万+
打开新页面，并实现在新开页面中携带参数，可以使用 URLSearchParams 对象，进行参数的拼接和解析，vue router跳转新页面和window.open都可以，三种方式适应于不同场景。以上是几种常在开发中使用的几种跳转和新开页面的方式，关于router，在后续里更深入学习。
JS window.open新开窗口
yoyov的博客
07-02 336
<!DOCTYPE html> <html> <head> <title>javascript01.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page">
使用window.open打开新窗口的参数设置
聚娃科技开发者博客
06-29 2178
点击按钮“打开新窗口”后，将会弹出一个新窗口，其大小为800x600像素，位于屏幕左上角，同时不显示工具栏、菜单栏和状态栏，但允许滚动条。方法来打开新窗口，并设置不同的参数来控制新窗口的行为和外观。方法是在Web开发中常用的方法之一，它允许我们以特定的方式打开新窗口，例如指定窗口的大小、位置、工具栏状态等。是JavaScript中的一个方法，用于在浏览器中打开一个新的浏览器窗口或者新的标签页。方法，我们可以控制新窗口的各种行为和外观，包括窗口的大小、位置、是否显示工具栏等。参数可以指定新窗口的大小和位置。
vue 跳转页面打开浏览器新窗口或者打开新标签
Z18834071903的博客
04-25 5085
vue 跳转页面打开浏览器新窗口或者打开新标签
Ajax请求响应中用window.open打开新窗口被拦截的解决方法
10-21
在互联网应用开发中，经常会遇到需要在异步JavaScript和XML（AJAX）请求成功响应后打开一个新窗口来显示特定内容的场景。开发者常用`window.open()`方法来实现这一功能。然而，由于浏览器的安全策略，许多现代浏览器...
js设置弹出式独立窗口页面，和 window 的方法
乔的博客
08-20 1171
【代码】js设置弹出式独立窗口页面，和 window 的方法。
js学习之window对象学习(二)
独狼的博客
06-25 273
<html> <head> <title>js的window对象学习2</title> <meta charset="UTF-8"/> <!-- js的window对象学习 1、子窗口方法 window.open('子页面的资源(相对路径)','打卡方式','配置'); 示例：window.open('son.html','newwindow','height=400, width=600, top=10
vue项目路由vue-router传参技巧，四种传参加接收的方式，this.$route.push
qq_43305958的博客
08-29 1985
vue项目路由传参技巧，四种传参加接收的方式，this.$route.push一、vue-router是什么？二、使用步骤1.使用push进行页面跳转路由配置父组件配置子组件调用形参2.使用router-link跳转路由配置父组件配置子组件配置3.使用route的params传参路由配置父组件调用push方法，写入参数params子组件调用4.使用query接收参数路由配置父组件调用push方法子组件调用总结 一、vue-router是什么？ Vue Router 是 Vue.js 官方的路由管理器。它和
vue路由跳转新窗口，限制宽度高度
qq_38935512的博客
08-11 965
let routeTwo = this.$router.resolve({ path: ‘’, }); window.open(routeTwo.href, '_blank','toolbar=yes, width=1300, height=900');
window.open()详解及浏览器兼容性问题
itmyhome的专栏
05-28 2万+
一、基本语法：window.open(pageURL,name,parameters)其中：pageURL 为子窗口路径name  为子窗口名字parameters 为窗口参数(各参数用逗号分隔)二、示例 window.open('page.html','newwindow','height=500,width=800,top=0,left=0, toolbar=no,menuba
js中window.open的参数及注意
QQQ2556338777的博客
07-05 1994
IE9下使用window.open时需要注意name参数值不能有"-"出现,否则会出现脚本错误,IE9以及版本测试没有问题 window.open(URL,name,specs,replace) 参数说明 URL 可选。打开指定的页面的URL。如果没有指定URL，打开与新的空白窗口 name 可选。指定target属性或窗口的名称。支持以下...
vue 打开新窗口，并传值
前端的路上
10-13 2244
直接上代码 openPage (e) { toUrl = this.$router.resolve({ path: '/imageView', query: { id: "1" } }) window.open(toUrl.href, '_blank', `height=${h},width=${w},toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no`)
vue前端自适应布局，一步到位所有自适应
lgx211
08-08 3193
1，左右布局 - 左侧固定宽带，右侧自适应剩余的宽度。 - 中间一条分割线，可以拖拉，自适应调整左右侧的宽度。 - 左侧的高度超长自动出现横向滚动条，左侧宽度超长，自动出现竖向滚动条。 2，上中下布局 - 最上面的 搜索条件 div 固定占用 100 px 高度，下面的 查询条件 div 固定占用 30 px 高度，最下面的分页固定占用高度，页面剩下的高度自动分配给中间的表格内容。 - 表格内容高度超过后自动出现竖向滚动条，宽度超出后自动出现横向滚动条。 - 点击按钮，可以 隐藏/显示 搜索条件 di
学习小记，window.open(url,....)中的url带参数时，=后面不要带空格，否则空格也将被当作参数传递
baowg1212的专栏
02-22 4507
var url = "${pageContext.request.contextPath}/baowg/TrajectoryShow.do?"+ "vehicleInfoDTO.vehicleInfoVO.hphm=" + hphm + "&vehicleInfoDTO.vehicleInfoVO.hpys=" + hpys + "&vehicleInfoDTO.startdate="
window.open新打开窗口与新开标签页
weixin_30823227的博客
03-16 2660
最近在使用window.open时忽略了一个细节问题：window.open新打开一个窗口，但是有时却是新打开一个窗口有时打开一个新标签页。虽然对一般的需求来说，这个两种情况都无所谓，但是对于那种有强烈区分的需求来说还是要注意的。那么怎么会出现这种不同的打开情况呢，这要从window.open方法的用法和不同浏览器来区分。 1、window.open的用法容易忽视的细节 window....
Window 打开新窗口的几种方式 window.location.href、window.open、window.showModalDialog
热门推荐
qianluo111的博客
06-14 3万+
项目是后台管理的话，当前窗口打开一个新窗口
vue 中使用 window.open POST方式打开新窗口
最新发布
10-17
在Vue.js中，如果你想通过`window.open()`方法以POST方式向服务器发送数据并打开一个新的窗口，你需要结合JavaScript的`fetch`或者`axios`库来进行实际的数据提交，因为单纯的`window.open()`本身不支持HTTP请求。 首先安装需要的库（例如axios，如果你还没有安装）： ```bash npm install axios ``` 然后，在Vue组件内部，你可以这样做： ```html <template> <button @click="openNewWindow">点击打开新窗口</button> </template> <script> import axios from 'axios'; export default { methods: { openNewWindow() { const data = { key: 'value', ... }; // 要发送的数据 const url = '/your-api-url'; // 你的API URL axios.post(url, data) .then(response => { // 处理响应 console.log('POST request successful:', response.data); }) .catch(error => { // 处理错误 console.error('POST request failed:', error); }); // 或者使用异步版本的window.open，确保post完成后再打开窗口 setTimeout(() => { window.open('/', '_blank', 'noopener noreferrer'); }, 1000); // 等待一秒，确保数据提交完成后才打开窗口 }, } }; </script> ``` 在这个例子中，点击按钮会发起一个POST请求到指定的URL，并在请求成功后打开一个新的空白页面。如果需要在后台验证数据再打开窗口，可以将打开新窗口放在`then`回调之后。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值