关于window.open=console.log用法

原创 已于 2022-03-03 18:31:40 修改 · 515 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

于 2022-03-03 18:31:04 首次发布
本文介绍如何在网页点击事件中调试，防止实际跳转，而是将后端接口返回的URL输出到控制台，便于查看数据。

点击 ===》跳转至新的页面
点击请求后端接口，跳转至后端返回的数据url
调试此页面，点击触发后，不想让其跳转，只想输出其跳转的url数据
可以在控制台使用：

window.open=console.log

在这里插入图片描述

JavaScript中window.open()方法【详解】
sjs52406的博客
01-03 4108
本篇文章主要针对JavaScript中window.open()方法的全面了解，以及详细参数说明使用
解析window.open的使用方法总结
01-19
window.open(pageURL,name,parameters) 其中：pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 例子： 代码如下:[removed] <!– window.open (‘page.html’,’newwindow’,’height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no’) //写成一行 –> [removed]其中yes/no也可使用1/0；pi
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
增加"Open Console"菜单
iQUEEN的专栏
06-10 4111
Add "Open Console" to Windows 2K/XP 使用regedt32到HKEY_LOCAL_MACHINE/SOFTWARE/Classes/Folder/shell目录下. 添加一个新的键“Command Prompt“ 将默认的字符串内容修改为"Open Conso&le" 添加一个新的键 “command“
Console 控制台扩展（一）
leng1987021的博客
07-06 772
一、在RCP 程序中加入Console View 的方法如下： 1.实现org.eclipse.ui.console.consoleFactories扩展点，并且添加相关依赖 在plugin.xml的Dependencies页中为Required Plug-ins增加org.eclipse.ui.console   2.写一个ConsoleFactory类实现IConsoleFactory...
window.open的使用
胡云峰的博客
12-19 3992
在上面的示例中，第一个参数是URL地址，第二个参数是新窗口的名称（这里使用了’_blank’，表示新窗口将在一个新的浏览器标签页中打开），第三个参数是可选的特性字符串（这里指定了窗口的宽度和高度）。
window.open()打开窗口的几种方式
热门推荐
清箫的专栏
12-31 9万+
1. 在当前窗口打开百度,并且使URL地址出现在搜索栏中.window.open("http://www.baidu.com/", "_search");window.open("http://www.baidu.com/", "_self"); 2. 在一个新的窗口打开百度window.open("http://www.baidu.com/", "_blank"); 
js弹窗并返回值(window.open方式)
03-22
在JavaScript中，`window.open`方法是一个非常实用的功能，它允许开发者创建新的浏览器窗口或标签页，并在其中加载指定的网页内容。这个方法在交互式用户界面设计中尤其常见，例如用于显示警告、确认对话框或者...
connectEvent(iotid, usbid){ if (this.isConnect) return; let userItem = JSON.parse(localStorage.getItem("userSess")); let wsval = window.location.protocol === "http:" ? "ws" : "wss"; let url = `${wsval}://eam.yisun.vip/eam/websocket/iotid-${userItem.custid}-${this.randomVal}-${userItem.userid}`; if (window.WebSocket){ this.webSocket = new WebSocket(url); if ("WebSocket" in window){ this.webSocket.onopen = () => { clearInterval(this.timer); this.isConnect = true; this.sendMessage(iotid, usbid); }; this.webSocket.onClose = () => { console.log('断联了'); this.isConnect = false; clearInterval(this.timer); if (this.isReconnection){ setTimeout(() => { console.log('重连中'); this.connectEvent(iotid, usbid); }, 2000); } }; this.webSocket.onerror = e => { console.log('报错了',this.webSocket); this.isConnect = false; this.isReconnection = true; clearInterval(this.timer); this.webSocket.close(); }; this.webSocket.onmessage = e => { this.isConnect = true; let strs = e.data.split(","); if (strs[0] !== "lora_refresh"){ let data = e.data.split("()"); console.log('data===',data); } } } } },这是我的连接函数，判断一下关闭监听事件哪里有问题
06-20
- 当 WebSocket 连接关闭时，`onclose` 事件未被触发，因此 `console.log('断联了')` 不会被执行。 - 关闭逻辑（如重连机制）也无法正常运行。 --- ### 给出代码并解释 以下是修正后的代码： ```javascript ...
const open = async e => { console.log('🚀 ~ open ~ e:', e) if (visible.value) { close() return } let rect = null if (props.parentInstance) { rect = await getTriggerRectT() } else { rect = await getTriggerRect() } console.log('🚀 ~ open ~ rect:', rect) if (!rect) return doOpen(rect) } const doOpen = rect => { console.log('🚀 ~ rect:', rect) const res = uni.getSystemInfoSync() const windowHeight = Number(res.windowHeight) console.log('🚀 ~ windowHeight 视口高度:', windowHeight) const windowWidth = Number(res.windowWidth) console.log('🚀 ~ windowWidth 视口宽度:', windowWidth) let maxHeight = null if (props.maxHeight < (props.data.length + 1) * 46) { maxHeight = props.maxHeight } else { maxHeight = (props.data.length + 1) * 46 } console.log('🚀 ~ maxHeight 弹窗最大高度:', maxHeight) const menuWidth = 215 const rightGap = 12 const spaceBelow = windowHeight - rect.bottom console.log('🚀 ~ spaceBelow: 安全距离', spaceBelow) const spaceAbove = rect.top console.log('🚀 ~ spaceAbove: 安全距离', spaceAbove) const isBothDirectionsInsufficient = spaceAbove < maxHeight && spaceBelow < maxHeight console.log('🚀 ~ isBothDirectionsInsufficient:', isBothDirectionsInsufficient) let finalTop, finalLeft, finalTransform if (isBothDirectionsInsufficient) { // 上下空间都不够 → 居中显示 finalTop = windowHeight / 2 finalTransform = 'translate(0, -50%)' finalLeft = windowWidth - menuWidth - rightGap if (finalLeft < 0) finalLeft = 0 } else { // 正常方向展开 const needUpward = spaceBelow < maxHeight console.log('🚀 ~ needUpward:', needUpward) // 调整 finalTop 的计算逻辑，确保紧贴触发展开元素 finalTop = needUpward ? rect.top - maxHeight : rect.bottom; finalTransform = needUpward ? '' : ''; finalLeft = windowWidth - menuWidth - rightGap; if (finalLeft < 0) finalLeft = 0; } // 移除不必要的偏移 top.value = finalTop; console.log('🚀 ~ top.value:', top.value) left.value = finalLeft console.log('🚀 ~ left.value:', left.value) position.value = finalTransform console.log('🚀 ~ position.value:', position.value) visible.value = true emit('open', props.modelValue, props.trigger) nextTick(() => { bindOutsideClickListener() bindScrollListener() }) } 当前代码，如果触发元素距离视口上边越组件距离触发元素就会越近，如果触发元素距离视口下边越近距离就会越远，并没有紧贴住触发元素，并且如果是需要再触发元素上边紧贴的时候，弹窗会覆盖住触发元素
最新发布
11-11
console.log(' ~ open ~ e:', e) if (visible.value) { close() return } let rect = null if (props.parentInstance) { rect = await getTriggerRectT() } else { rect = await getTriggerRect() } ...
js window.open方法
墨 尘
11-12 1437
var iTop = (window.screen.height-30-200)/2; //获得窗口的垂直位置; var iLeft = (window.screen.width-10-500)/2; //获得窗口的水平位置; var showWin = window.open("about:blank",'_blank','width=500,height=200,top='+iTop...
Eclipse“控制台”视图详解
writebook2016的博客
06-20 3525
一、控制台介绍 打开、切换控制台： 1. open console：打开需要显示的控制台 2. display selected console：切换已打开的控制台 3. pin console：钉住当前控制台 关闭控制台： 1. remove launch：关闭当前控制台 2. remove all terminated launches：关闭所有的终端控制台（即打印输出的控制台...
Idea 效率和常用插件的使用
huang_ftpjh的博客
10-11 493
快捷键https://juejin.im/post/5a90810b6fb9a063606eefe0 想增加GitHub使用体验，建议下载Chrome插件：Octotree。Octotree 会为 Github 页面添加侧边栏，在浏览器中显示项目的目录结构，对于那些经常需要在 GitHub 阅读源代码的人非常有用 背景图片 Ctrl+Shift+A(或者help -&g...
解决使用window.open()或window.location.href跳转后返回/后退原页面不能再度跳转的问题
vvv3171071的博客
11-24 1万+
使用window.open()搭配参数_self(新页面替换当前页面)，或使用window.location.href跳转到新页面后，再点击后退到原页面，再重新进行跳转事件时，页面不仅没有进行跳转，且没有任何反应（控制台无错误信息）。 说得笼统一点，这是因为第一次跳转时window.open()或window.location.href已经记录过一个要跳转的值了，跳转或后退到原页面时，该值没有被清空，再次执行事件时自然会没有反应。 思路： 定义一个全局变量记录window.open()打开的窗体 如过该.
html window.open 居中,JS window.open()打开新窗口（非常详细）
weixin_35907598的博客
06-22 1345
使用 window 对象的 open() 方法可以打开一个新窗口。用法如下：window.open (URL, name, features, replace)参数列表如下：URL：可选字符串，声明在新窗口中显示网页文档的 URL。如果省略，或者为空，则新窗口就不会显示任何文档。name：可选字符串，声明新窗口的名称。这个名称可以用作标记 和 的 target 目标值。如果该参数指定了一个已经...
window.open用法详解
夕山雨的博客
08-09 7万+
目录一、window.open1. 基本语法 本文主要分两部分。第一部分详细介绍window.open的详细用法，包括它的基本语法、使用说明等。第二部分由window.open引出，我们将介绍当存在多个页面相互关联时，页面之间的通信问题。 一、window.open 1. 基本语法 ...
window.open方法的使用
weixin_33701251的博客
10-11 172
可以的提前是你有这个页面． window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') page.html:要打开的页面 newwindow:...
window.console.log与console.log
qq_41801117的博客
06-05 2926
最近在逛StackOverflow时看见了这么个问题，感觉挺有意思，因此特地记录下来。 console.log console.log作为一个简(l)单(o)粗(w)暴的调试工具，我们经常会用到这个方法。console之所以有log方法，是因为当我们在使用时，利用作用域链的查找关系(关于作用域链，请移步另一篇博客)，才可以使用的。console是挂载在window上的。根据下图，我们可以看出console只是window上的一个属性。 因为console并不是关键字，我们可以由以下例子进行阐述consol
openvswitch console输出
u010710985的博客
04-13 484
对ovs的日志输出系统很好奇，为什么ovs的log不能直接在控制台输出， ovs-vswitchd的常用执行选项 --detach Runs ovs-vswitchd as a background process. The process forks, and in the child it starts a new session, closes the standard file descriptors (which has
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值