跨源 iframe 中的 JavaScript 对话框 alert()、confirm() 和 prompt() 不再起作用 [英] JavaScript dialogs alert(), confirm() and prompt() in cross origin iframe does not work any longer

查看：78 发布时间：2021/10/26 18:34:07 javascript google-chrome alert prompt confirm

本文介绍了跨源 iframe 中的 JavaScript 对话框 alert()、confirm() 和 prompt() 不再起作用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

Apps 脚本网络应用程序在 </code> 中工作.Chrome似乎不再支持<code>alert()</code>、<code>confirm()</code>，在web应用上推广这些功能.</p><p>有什么解决方法吗?</p><ul><li>Chrome 版本 92.0.4515.107(官方版本)(64 位) -- 不起作用</li><li>Edge 版本 91.0.864.71(官方版本)(64 位) -- 有效</li></ul><p>尝试将 <code>alert()</code> 替换为 <code>window.alert()</code>，但仍然无效.</p><块引用><p>exec:1 一个不同的源子框架试图创建一个 JavaScript 对话框.这不再被允许并被阻止.有关详细信息，请参阅 <a href="https://www.chromestatus.com/feature/5148698084376576" rel="nofollow noreferrer">https://www.chromestatus.com/feature/5148698084376576</a>.</a>></blockquote><p></p><div class="h2_lin"> 解决方案 </div><p>Google 为跨源 iframe 删除 alert()、confirm() 和 prompt() 的决定是荒谬而主观的.他们称之为<strong>功能</strong>".理由很差——见动机"；吼叫.删除如此重要功能的一个非常薄弱的理由！社区和开发者应该抗议！</p><h2>问题</h2><p><a href="https://www.chromestatus.com/feature/5148698084376576" rel="noreferrer">https://www.chromestatus.com/feature/5148698084376576</a></p><块引用><p><strong>功能</strong>:删除 alert()、confirm() 和跨源 iframe 提示</p></blockquote><p><块引用><p>Chrome 允许 iframe 触发 Javascript 对话框，当 iframe 与顶部框架位于同一原点时，它会显示say ..."，当 iframe 交叉时显示该页面上的嵌入页面说..."起源.当前的用户体验令人困惑，并且之前曾导致网站假装消息来自 Chrome 或其他网站的欺骗行为.取消对跨源 iframe 触发 UI 功能的支持将防止这种欺骗行为，并阻止进一步的 UI 简化.</p></blockquote><p><块引用><p>动机</p><p>JS 对话框的当前 UI(通常，不仅仅是跨源子框架的情况)令人困惑，因为消息看起来像浏览器自己的 UI.这导致了欺骗(尤其是 window.prompt)，其中站点假装特定消息来自 Chrome(例如 1,2,3).Chrome 通过在消息前加上say..."来缓解这些欺骗行为.然而，当这些警报来自跨域 iframe 时，UI 会更加混乱，因为 Chrome 试图解释对话框不是来自浏览器本身或顶级页面.鉴于跨源 iframe JS 对话框的使用率较低，事实上，当使用 JS 对话框时，站点的主要功能通常不需要它们，并且难以可靠地解释对话框的来源，我们建议删除 JS 对话框跨域 iframe.这也将取消阻止我们通过删除主机名指示并通过将对话框移动到内容区域的中心使对话框更明显地成为页面(而不是浏览器)的一部分来进一步简化对话框的能力.这些更改在移除对 JS 对话框的跨源支持时被阻止，否则这些子框架可能会假装它们的对话框来自父页面.</p></blockquote><p><h2>解决方案</h2><p>通过 <strong>Window.postMessage()</strong> 从 iframe 向父级发送消息并通过父级页面显示对话框.这是谷歌上非常优雅的黑客和耻辱，因为在 Chrome 92 版客户端看到警报对话框之前，例如<code>嵌入页面 iframe.com"说:...</code>(这是正确的 - 客户端看到调用警报的真实域)但现在使用 postMessage 解决方案客户端将看到一个谎言，例如<code>页面example.com"说:...</code> 但警报没有被 example.com 调用.愚蠢的谷歌决定导致他们达到相反的效果 - 客户现在会更加困惑.谷歌的决定是仓促的，他们没有考虑后果.在 prompt() 和 confirm() 的情况下，通过 Window.postMessage() 有点棘手，因为我们需要将结果从顶部发送回 iframe.</p><p>谷歌接下来会做什么?禁用 Window.postMessage()?似曾相识.我们又回到了 Internet Explorer 时代……开发人员通过进行愚蠢的黑客攻击来浪费时间.</p><h2>TL;DR:演示</h2><p><a href="https://domain-a.netlify.app/parent.html" rel="noreferrer">https://domain-a.netlify.app/parent.html</a></p><h2>代码</h2><p>使用下面的代码，您可以在跨源 iframe 中使用覆盖的本机 alert()、confirm() 和 prompt()，代码更改最少.alert() 的用法没有变化.我的confirm() 和prompt() 的情况只是添加await"；在它之前的关键字或随意使用回调方式，以防您无法轻松地将同步功能切换到异步功能.请参阅下面 iframe.html 中的所有使用示例.</p><p>坏事有好有坏 - 现在我通过这个解决方案获得了一个优势，即 iframe 域不会被显示(地址栏中的域现在在对话框中使用).</p><p><strong><a href="https://example-a.com/parent.html" rel="noreferrer">https://example-a.com/parent.html</a></a></强></p><pre class="lang-html Prettyprint-override"><code><!doctype html><html><头><元字符集=utf-8"><title>父(域 A)</title><script type="text/javascript";src=dialogs.js"></script></头部><身体><h1>父(域A)</h1><iframe src="https://example-b.com/iframe.html"></body></html></code></pre><p><strong><a href="https://example-b.com/iframe.html" rel="noreferrer">https://example-b.com/iframe.html</a></a></强></p><pre class="lang-html Prettyprint-override"><code><!doctype html><html><头><元字符集=utf-8"><title>Iframe(域B)</title><script type="text/javascript";src=dialogs.js"></script></头部><身体><h1>Iframe(域B)</h1><script type="text/javascript">alert('alert() 从 iframe.html 转发');confirm('confirm() 通过回调从 iframe.html 转发', (result) => {console.log('confirm() result via callback: ', result);});prompt('prompt() 通过回调从 iframe.html 转发', null, (result) => {console.log('prompt() result via callback: ', result);});(异步() => {var result1 = await confirm('confirm() 通过承诺从 iframe.html 转发');console.log('confirm() result via promise:', result1);var result2 = await prompt('prompt() 通过 promise 从 iframe.html 转发');console.log('prompt() result via promise:', result2);})();</script></body></html></code></pre><p><strong>dialogs.js</strong></p><pre class="lang-js prettyprint-override"><code>(function() {变量 ID = 1,商店 = {},isIframe = (window === window.parent || window.opener) ?假:真；//发信息var sendMessage = 函数(windowToSend，数据){windowToSend.postMessage(JSON.stringify(data), '*');};//覆盖confirm() 和prompt() 的助手var processInteractiveDialog = 函数(数据，回调){发送消息(父母，数据)；如果(回调)store[data.id] = 回调；别的return new Promise(resolve => { store[data.id] = resolve; })};//覆盖原生对话框函数如果(isIframe){//警报()window.alert = 函数(消息){var data = { event : 'dialog', type : 'alert', message : message };发送消息(父母，数据)；};//确认()window.confirm = 函数(消息，回调){var data = { event : 'dialog', type : 'confirm', id : id++, message : message };返回 processInteractiveDialog(data, callback);};//迅速的()window.prompt = 函数(消息，值，回调){var data = { event : 'dialog', type : 'prompt', id : id++, message : message, value : value ||'' };返回 processInteractiveDialog(data, callback);};}//监听消息window.addEventListener('message', function(event) {尝试 {var data = JSON.parse(event.data);}捕捉(错误){返回;}if (!data || typeof data !='object')返回;if (data.event !='dialog' || !data.type)返回;//从 iframe 到父级的初始消息如果(！isIframe){//警报()如果(数据类型=='警报')警报(数据.消息)//确认()否则如果(数据类型=='确认'){var data = { event : 'dialog', type : 'confirm', id : data.id, result : confirm(data.message) };发送消息(事件源，数据)；}//迅速的()否则如果(数据类型=='提示'){var data = { event : 'dialog', type : 'prompt', id : data.id, result : prompt(data.message, data.value) };发送消息(事件源，数据)；}}//从父级到 iframe 的响应消息别的 {//确认()如果(数据类型=='确认'){存储[data.id](data.result);删除商店[data.id];}//迅速的()否则如果(数据类型=='提示'){存储[data.id](data.result);删除商店[data.id];}}}，错误的);})();</code></pre><p><p>Apps script web app works in <code><iframe></code>. It seems Chrome is no longer supporting <code>alert()</code>, <code>confirm()</code>, Promote these functions on the web app.</p> <p>Any workaround to this?</p> <ul> <li>Chrome Version 92.0.4515.107 (Official Build) (64-bit) -- does not work</li> <li>Edge Version 91.0.864.71 (Official build) (64-bit) -- works</li> </ul> <p>Tried replacing <code>alert()</code> with <code>window.alert()</code>, but still does not work.</p><blockquote> <p>exec:1 A different origin subframe tried to create a JavaScript dialog. This is no longer allowed and was blocked. See <a href="https://www.chromestatus.com/feature/5148698084376576" rel="nofollow noreferrer">https://www.chromestatus.com/feature/5148698084376576</a> for more details.</p> </blockquote><p> </p><div class="h2_lin"> 解决方案 </div><p>This is absurd and subjective decision of Google to remove alert(), confirm(), and prompt() for cross origin iframes. And they called it "<strong>feature</strong>". And justification is very poor - see "motivation" bellow. A very weak reason for removing such an important feature! Community and developers should protest!</p> <h2>Problem</h2> <p><a href="https://www.chromestatus.com/feature/5148698084376576" rel="noreferrer">https://www.chromestatus.com/feature/5148698084376576</a></p><blockquote> <p><strong>Feature</strong>: Remove alert(), confirm(), and prompt for cross origin iframes</p> </blockquote><p> </p><blockquote> <p>Chrome allows iframes to trigger Javascript dialogs, it shows " says ..." when the iframe is the same origin as the top frame, and "An embedded page on this page says..." when the iframe is cross-origin. The current UX is confusing, and has previously led to spoofs where sites pretend the message comes from Chrome or a different website. Removing support for cross origin iframes’ ability to trigger the UI will prevent this kind of spoofing, and unblock further UI simplifications.</p> </blockquote><p> </p><blockquote> <p>Motivation</p> <p>The current UI for JS dialogs (in general, not just for the cross-origin subframe case) is confusing, because the message looks like the browser’s own UI. This has led to spoofs (particularly with window.prompt) where sites pretend that a particular message is coming from Chrome (e.g. 1,2,3). Chrome mitigates these spoofs by prefacing the message with " says...". However, when these alerts are coming from a cross-origin iframe, the UI is even more confusing because Chrome tries to explain the dialog is not coming from the browser itself or the top level page. Given the low usage of cross-origin iframe JS dialogs, the fact that when JS dialogs are used they are generally not required for the site’s primary functionality, and the difficulty in explaining reliably where the dialog is coming from, we propose removing JS dialogs for cross-origin iframes. This will also unblock our ability to further simplify the dialog by removing the hostname indication and making the dialog more obviously a part of the page (and not the browser) by moving it to the center of the content area. These changes are blocked on removing cross-origin support for JS dialogs, since otherwise these subframes could pretend their dialog is coming from the parent page.</p> </blockquote><p> <h2>Solution</h2> <p>Send message via <strong>Window.postMessage()</strong> from iframe to parent and show dialog via parent page. It is very elegant hack and shame on Google because before Chrome version 92 client saw alert dialog e.g. <code>An embedded page iframe.com" says: ...</code> (which was correct - client see real domain which invoked alert) but now with postMessage solution client will see a lie e.g. <code>The page example.com" says: ...</code> but alert was not invoked by example.com. Stupid google decision caused them to achieve the opposite effect - client will be much more confused now. Google's decision was hasty and they didn't think about the consequences. In case of prompt() and confirm() it is a little bit tricky via Window.postMessage() because we need to send result from top back to iframe.</p> <p>What Google will do next? Disable Window.postMessage()? Déjà vu. We are back in Internet Explorer era... developers waste time by doing stupid hacks.</p> <h2>TL;DR: Demo</h2> <p><a href="https://domain-a.netlify.app/parent.html" rel="noreferrer">https://domain-a.netlify.app/parent.html</a></p> <h2>Code</h2> <p>With code bellow you can use overridden native alert(), confirm() and prompt() in cross origin iframe with minimum code change. There is no change for alert() usage. I case of confirm() and prompt() just add "await" keyword before it or feel free to use callback way in case you can not switch easily your sync functions to async functions. See all usage examples in iframe.html bellow.</p> <p>Everything bad comes with something good - now I gained with this solution an advantage that iframe domain is not revealed (domain from address bar is now used in dialogs).</p> <p><strong><a href="https://example-a.com/parent.html" rel="noreferrer">https://example-a.com/parent.html</a></strong></p><pre class="lang-html prettyprint-override"><code><!doctype html> <html> <head> <meta charset="utf-8"> <title>Parent (domain A)</title> <script type="text/javascript" src="dialogs.js"></script> </head> <body> <h1>Parent (domain A)</h1> <iframe src="https://example-b.com/iframe.html"> </body> </html> </code></pre><p><strong><a href="https://example-b.com/iframe.html" rel="noreferrer">https://example-b.com/iframe.html</a></strong></p><pre class="lang-html prettyprint-override"><code><!doctype html> <html> <head> <meta charset="utf-8"> <title>Iframe (domain B)</title> <script type="text/javascript" src="dialogs.js"></script> </head> <body> <h1>Iframe (domain B)</h1> <script type="text/javascript"> alert('alert() forwarded from iframe.html'); confirm('confirm() forwarded from iframe.html via callback', (result) => { console.log('confirm() result via callback: ', result); }); prompt('prompt() forwarded from iframe.html via callback', null, (result) => { console.log('prompt() result via callback: ', result); }); (async () => { var result1 = await confirm('confirm() forwarded from iframe.html via promise'); console.log('confirm() result via promise: ', result1); var result2 = await prompt('prompt() forwarded from iframe.html via promise'); console.log('prompt() result via promise: ', result2); })(); </script> </body> </html> </code></pre><p><strong>dialogs.js</strong></p><pre class="lang-js prettyprint-override"><code>(function() { var id = 1, store = {}, isIframe = (window === window.parent || window.opener) ? false : true; // Send message var sendMessage = function(windowToSend, data) { windowToSend.postMessage(JSON.stringify(data), '*'); }; // Helper for overridden confirm() and prompt() var processInteractiveDialog = function(data, callback) { sendMessage(parent, data); if (callback) store[data.id] = callback; else return new Promise(resolve => { store[data.id] = resolve; }) }; // Override native dialog functions if (isIframe) { // alert() window.alert = function(message) { var data = { event : 'dialog', type : 'alert', message : message }; sendMessage(parent, data); }; // confirm() window.confirm = function(message, callback) { var data = { event : 'dialog', type : 'confirm', id : id++, message : message }; return processInteractiveDialog(data, callback); }; // prompt() window.prompt = function(message, value, callback) { var data = { event : 'dialog', type : 'prompt', id : id++, message : message, value : value || '' }; return processInteractiveDialog(data, callback); }; } // Listen to messages window.addEventListener('message', function(event) { try { var data = JSON.parse(event.data); } catch (error) { return; } if (!data || typeof data != 'object') return; if (data.event != 'dialog' || !data.type) return; // Initial message from iframe to parent if (!isIframe) { // alert() if (data.type == 'alert') alert(data.message) // confirm() else if (data.type == 'confirm') { var data = { event : 'dialog', type : 'confirm', id : data.id, result : confirm(data.message) }; sendMessage(event.source, data); } // prompt() else if (data.type == 'prompt') { var data = { event : 'dialog', type : 'prompt', id : data.id, result : prompt(data.message, data.value) }; sendMessage(event.source, data); } } // Response message from parent to iframe else { // confirm() if (data.type == 'confirm') { store[data.id](data.result); delete store[data.id]; } // prompt() else if (data.type == 'prompt') { store[data.id](data.result); delete store[data.id]; } } }, false); })(); </code></pre><p> <p>这篇关于跨源 iframe 中的 JavaScript 对话框 alert()、confirm() 和 prompt() 不再起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！</p> </div> <div class="arc-body-main-more"> <span onclick="unlockarc('2511773');">查看全文</span> </div> </div> <div> </div> <div class="wwads-cn wwads-horizontal" data-id="166" style="max-width:100%;border: 4px solid #666;"></div> </div> </article> <div id="arc-ad-2" class="mb-1"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5038752844014834" data-ad-slot="3921941283"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="widget bgwhite radius-1 mb-1 shadow widget-rel"> <h5>相关文章</h5> <ul> <li> <a target="_blank" title="更新MVC 5之后，IFRAME不再起作用" href="/273053.html"> 更新MVC 5之后，IFRAME不再起作用; </a> </li> <li> <a target="_blank" title="Facebook iframe中的OAuth对话框不起作用" href="/871266.html"> Facebook iframe中的OAuth对话框不起作用; </a> </li> <li> <a target="_blank" title="如何使用 Blazor 使用 alert()、confirm() 和 prompt() 函数?" href="/2620471.html"> 如何使用 Blazor 使用 alert()、confirm() 和 prompt() 函数?; </a> </li> <li> <a target="_blank" title="Chrome Vimeo Iframe自动播放不再起作用" href="/2106323.html"> Chrome Vimeo Iframe自动播放不再起作用; </a> </li> <li> <a target="_blank" title="freegeoip不再起作用了" href="/1107335.html"> freegeoip不再起作用了; </a> </li> <li> <a target="_blank" title="悬停不再起作用了" href="/1087585.html"> 悬停不再起作用了; </a> </li> <li> <a target="_blank" title="CollapsingToolbarLayout setTitle()不再起作用" href="/1920258.html"> CollapsingToolbarLayout setTitle()不再起作用; </a> </li> <li> <a target="_blank" title="jQuery UI Alert对话框替代alert()" href="/1481846.html"> jQuery UI Alert对话框替代alert(); </a> </li> <li> <a target="_blank" title="iOS WKWebView没有显示javascript alert（）对话框" href="/915696.html"> iOS WKWebView没有显示javascript alert（）对话框; </a> </li> <li> <a target="_blank" title="Pinterest API 搜索不再起作用" href="/2400279.html"> Pinterest API 搜索不再起作用; </a> </li> <li> <a target="_blank" title="wordpress 类别分页不再起作用" href="/2493740.html"> wordpress 类别分页不再起作用; </a> </li> <li> <a target="_blank" title="Get-AzurePublishSettingsFile不再起作用" href="/1361995.html"> Get-AzurePublishSettingsFile不再起作用; </a> </li> <li> <a target="_blank" title="MapQuest API密钥不再起作用" href="/1818382.html"> MapQuest API密钥不再起作用; </a> </li> <li> <a target="_blank" title="刷新片段不再起作用" href="/1912975.html"> 刷新片段不再起作用; </a> </li> <li> <a target="_blank" title="使用jqueryUI对话框模仿confirm()" href="/1482484.html"> 使用jqueryUI对话框模仿confirm(); </a> </li> <li> <a target="_blank" title="如何禁用对话框 - alert（）？" href="/892389.html"> 如何禁用对话框 - alert（）？; </a> </li> <li> <a target="_blank" title="命名的ScriptReference响应不再起作用" href="/263561.html"> 命名的ScriptReference响应不再起作用; </a> </li> <li> <a target="_blank" title="NetworkX最大的组件不再起作用?" href="/1678087.html"> NetworkX最大的组件不再起作用?; </a> </li> <li> <a target="_blank" title="从ScatterViewItem中删除阴影不再起作用" href="/1275060.html"> 从ScatterViewItem中删除阴影不再起作用; </a> </li> <li> <a target="_blank" title="primefaces对话框不起作用" href="/1503916.html"> primefaces对话框不起作用; </a> </li> <li> <a target="_blank" title="模态对话框不起作用" href="/1268772.html"> 模态对话框不起作用; </a> </li> <li> <a target="_blank" title="文件对话框不起作用" href="/2635491.html"> 文件对话框不起作用; </a> </li> <li> <a target="_blank" title="Clipboard.SetText(HTML)不再起作用" href="/2163049.html"> Clipboard.SetText(HTML)不再起作用; </a> </li> <li> <a target="_blank" title="为什么 #[derive(Show)] 不再起作用?" href="/2389981.html"> 为什么 #[derive(Show)] 不再起作用?; </a> </li> <li> <a target="_blank" title="Volley JsonObjectRequest Post 参数不再起作用" href="/2619133.html"> Volley JsonObjectRequest Post 参数不再起作用; </a> </li> </ul> </div> <div class="mb-1"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5038752844014834" data-ad-slot="3921941283"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="side"> <div class="widget widget-side bgwhite mb-1 shadow"> <h5>前端开发最新文章</h5> <ul> <li> <a target="_blank" title="为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？" href="/1996151.html"> 为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？; </a> </li> <li> <a target="_blank" title="错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接" href="/749568.html"> 错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接; </a> </li> <li> <a target="_blank" title="如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？" href="/1009885.html"> 如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？; </a> </li> <li> <a target="_blank" title="如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？" href="/884909.html"> 如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？; </a> </li> <li> <a target="_blank" title="警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件" href="/818517.html"> 警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件; </a> </li> <li> <a target="_blank" title="如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？" href="/343346.html"> 如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？; </a> </li> <li> <a target="_blank" title="此请求已被阻止;内容必须通过HTTPS提供" href="/886417.html"> 此请求已被阻止;内容必须通过HTTPS提供; </a> </li> <li> <a target="_blank" title="资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）" href="/562873.html"> 资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）; </a> </li> <li> <a target="_blank" title="通过HTTPS加载页面但请求不安全的XMLHttpRequest端点" href="/885901.html"> 通过HTTPS加载页面但请求不安全的XMLHttpRequest端点; </a> </li> <li> <a target="_blank" title="拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。" href="/47347.html"> 拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。; </a> </li> </ul> </div> <div class="widget widget-side bgwhite mb-1 shadow"> <h5> 热门教程 </h5> <ul> <li> <a target="_blank" title="Java教程" href="/OnLineTutorial/java/index.html"> Java教程 </a> </li> <li> <a target="_blank" title="Apache ANT 教程" href="/OnLineTutorial/ant/index.html"> Apache ANT 教程 </a> </li> <li> <a target="_blank" title="Kali Linux教程" href="/OnLineTutorial/kali_linux/index.html"> Kali Linux教程 </a> </li> <li> <a target="_blank" title="JavaScript教程" href="/OnLineTutorial/javascript/index.html"> JavaScript教程 </a> </li> <li> <a target="_blank" title="JavaFx教程" href="/OnLineTutorial/javafx/index.html"> JavaFx教程 </a> </li> <li> <a target="_blank" title="MFC 教程" href="/OnLineTutorial/mfc/index.html"> MFC 教程 </a> </li> <li> <a target="_blank" title="Apache HTTP客户端教程" href="/OnLineTutorial/apache_httpclient/index.html"> Apache HTTP客户端教程 </a> </li> <li> <a target="_blank" title="Microsoft Visio 教程" href="/OnLineTutorial/microsoft_visio/index.html"> Microsoft Visio 教程 </a> </li> </ul> </div> <div class="widget widget-side bgwhite mb-1 shadow"> <h5> 热门工具 </h5> <ul> <li> <a target="_blank" title="Java 在线工具" href="/Onlinetools/details/4"> Java 在线工具 </a> </li> <li> <a target="_blank" title="C(GCC) 在线工具" href="/Onlinetools/details/6"> C(GCC) 在线工具 </a> </li> <li> <a target="_blank" title="PHP 在线工具" href="/Onlinetools/details/8"> PHP 在线工具 </a> </li> <li> <a target="_blank" title="C# 在线工具" href="/Onlinetools/details/1"> C# 在线工具 </a> </li> <li> <a target="_blank" title="Python 在线工具" href="/Onlinetools/details/5"> Python 在线工具 </a> </li> <li> <a target="_blank" title="MySQL 在线工具" href="/Onlinetools/Dbdetails/33"> MySQL 在线工具 </a> </li> <li> <a target="_blank" title="VB.NET 在线工具" href="/Onlinetools/details/2"> VB.NET 在线工具 </a> </li> <li> <a target="_blank" title="Lua 在线工具" href="/Onlinetools/details/14"> Lua 在线工具 </a> </li> <li> <a target="_blank" title="Oracle 在线工具" href="/Onlinetools/Dbdetails/35"> Oracle 在线工具 </a> </li> <li> <a target="_blank" title="C++(GCC) 在线工具" href="/Onlinetools/details/7"> C++(GCC) 在线工具 </a> </li> <li> <a target="_blank" title="Go 在线工具" href="/Onlinetools/details/20"> Go 在线工具 </a> </li> <li> <a target="_blank" title="Fortran 在线工具" href="/Onlinetools/details/45"> Fortran 在线工具 </a> </li> </ul> </div> </div> </div> <script type="text/javascript">var eskeys = '跨,源,iframe,中,的,javascript,对话框,alert,confirm,和,prompt,不再,起作用'; var cat = 'cc';';//qianduan</script> </div> <div id="pop" onclick="pophide();"> <div id="pop_body" onclick="event.stopPropagation();"> <h6 class="flex flex101"> 登录 <span onclick="pophide();">关闭</span> </h6> <div class="pd-1"> <div class="wxtip center"> <span>扫码关注<em>1秒</em>登录</span> </div> <div class="center"> <img id="qr" src="https://huajiakeji.com/Content/Images/qrydx.jpg" alt="" style="width:150px;height:150px;" /> </div> <div style="margin-top:10px;display:flex;justify-content: center;"> <input type="text" placeholder="输入验证码" id="txtcode" autocomplete="off" /> <input id="btngo" type="button" onclick="chk()" value="GO" /> </div> <div class="center" style="margin: 4px; font-size: .8rem; color: #f60;"> 发送“验证码”获取 <em style="padding: 0 .5rem;">|</em> <span style="color: #01a05c;">15天全站免登陆</span> </div> <div id="chkinfo" class="tip"></div> </div> </div> </div> <script type="text/javascript" src="https://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/highlight.min.js"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/base.js?v=0.22"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/tui.js?v=0.11"></script> <footer class="footer"> <div class="container"> <div class="flink mb-1"> 友情链接： <a href="https://www.it1352.com/" target="_blank">IT屋</a> <a href="https://huajiakeji.com/" target="_blank">Chrome插件</a> <a href="https://www.cnplugins.com/" target="_blank">谷歌浏览器插件</a> </div> <section class="copyright-section"> <a href="https://www.it1352.com" title="IT屋-程序员软件开发技术分享社区">IT屋</a> ©2016-2022 <a href="http://www.beian.miit.gov.cn/" target="_blank">琼ICP备2021000895号-1</a> <a href="/sitemap.html" target="_blank" title="站点地图">站点地图</a> <a href="/Home/Tags" target="_blank" title="站点标签">站点标签</a> <a target="_blank" alt="sitemap" href="/sitemap.xml">SiteMap</a> <a href="/1155981.html" title="IT屋-免责申明"><免责申明></a> 本站内容来源互联网,如果侵犯您的权益请联系我们删除. </section>  <script type="text/javascript"> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?0c3a090f7b3c4ad458ac1296cb5cc779"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript"> (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </div> </footer> </body> </html>