问题标签 [html-object]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

61 问题

0 投票

1 回答

2247 浏览

javascript - 如何访问对象标签中加载的 HTML 的元素？

例如：使用 jQuery 获取文本输入值$('#username').val();

我从这个问题尝试过这个

这是我的代码

JS小提琴在这里

2017-02-16T07:52:49.033

0 投票

1 回答

1023 浏览

javascript - 获取变量的值 or <object></a> </h3> <div class="s-post-summary--content-excerpt"> <p>In my global html template, I have embedded an <code>iframe</code>, which can live-preview <code>{{src}}</code> (eg, <code>src</code> could be <code>public/tmp/bDCZ5rynnpLaYNEuAAAj/index.html</code>).</p>

#xA;
<p>The <code>index.html</code> is a file written by my server; I have control of the code and I can modify it. <code>index.html</code> contains JavaScript code, it is designed such that it always has an internal variable <code>$output</code>.</p>

<p>My question is, how to get the value of <code>$output</code> out of the <code>iframe</code> and let the global html page know the value.</p>

<p>Does anyone know how to accomplish this?</p>

<p><strong>Edit 1:</strong> I am also open to solutions where <code>index.html</code> could send the value to the server or create a file with the value, as long as the global template could get it later. Additionally, as I mention in comments, the purpose of <code>iframe</code> is to live-preview a folder of files, there are <a href="https://stackoverflow.com/questions/42569214/make-a-web-page-with-a-folder-of-external-files">other ways</a> to do so (eg, using <code><object></code>), does anyone know which way could let me get an internal value out?</p>

<p><strong>Edit 2:</strong> I have made a <a href="https://plnkr.co/edit/5bByYqwrrzkslLK6Fnc2?p=preview" rel="nofollow noreferrer">plunker with iframe</a> and a <a href="https://plnkr.co/edit/uSik7MYblkTdTofu2v1B?p=preview" rel="nofollow noreferrer">plunker with object</a>. <code>$output</code> is defined by <code><script>var $output="Default"</script></code> in <a href="https://www.matrixlead.com/tmp/indexOutput.html" rel="nofollow noreferrer">indexOutput.html</a>. My goal is to get this value out.</p>

<p><strong>Edit 3:</strong> I just realised that <code>window.parent._resetter</code> that @Roy suggested in his answer works. But one thing is, the <code>_resetter</code> function must be defined in the script of the html page. Does anyone know how to <strong>pass this value to my controller</strong>? Here is <a href="https://plnkr.co/edit/Ak4mswbHeqKQZHl0zrUl?p=preview" rel="nofollow noreferrer">a plunker</a>, and <a href="https://plnkr.co/edit/Sp6uiPmLQIVQj3IWoJSa?p=preview" rel="nofollow noreferrer">a plunker with $window</a>.</p>
</div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/javascript" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">javascript</a><a href="/tags/angularjs" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">angularjs</a><a href="/tags/node.js" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">node.js</a><a href="/tags/iframe" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">iframe</a><a href="/tags/html-object" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">html-object</a> </div> <div class="s-user-card s-user-cardminimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2017-03-10T15:51:43.217</span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-itememphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票</span> </div> <div class="s-post-summary--stats-item " title="1 answers"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">回答</span> </div> <div class="s-post-summary--stats-item " title="199 views"> <span class="s-post-summary--stats-item-number">199</span> <span class="s-post-summary--stats-item-unit">浏览</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/43816651" class="s-link">javascript - Reference object window's element ids with JS</a> </h3> <div class="s-post-summary--content-excerpt"> <p>I'm using a template.html file to house my header & menu bar and using JS to insert page content per individual index.html files. I house template.html in my root file and subfolders house an index.html (which pulls in the template.html as an object) and script.js. </p> <p>I need the index.html file to load the script.js file while still having the script.js file apply to the template.html file, but cannot figure out how to have the JS reference inside the index.html object. I've <a href="https://stackoverflow.com/questions/16018598/how-to-get-a-reference-to-an-iframes-window-object-inside-iframes-onload-handl">seen something done</a> like this before-ish for iframes, but could not get it to apply the same way for object elements. </p> <p><br></p> <p><strong>Here's the shortened files:</strong> </p> <p>template.html</p> <p>references/index.html</p> <p>references/script.js</p> <p>As is, the script.js only works if it's loaded within the template.html, but it needs to be loaded within the index.html. Is there a way to load it in index.html but still let it reference elements within the template.html object? Thanks for your help!</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/javascript" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">javascript</a><a href="/tags/jquery" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">jquery</a><a href="/tags/html" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">html</a><a href="/tags/reference" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">reference</a><a href="/tags/html-object" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">html-object</a> </div> <div class="s-user-card s-user-cardminimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2017-05-06T04:13:59.657</span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-itememphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">回答</span> </div> <div class="s-post-summary--stats-item " title="137 views"> <span class="s-post-summary--stats-item-number">137</span> <span class="s-post-summary--stats-item-unit">浏览</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/43934908" class="s-link">jquery - html 对象元素显示加载进度</a> </h3> <div class="s-post-summary--content-excerpt"> <p><code>data</code>一旦我设置了我的 html 对象元素的属性，我想显示加载进度。</p> <p>这就是我目前的做法：</p> <p><strong>HTML</strong></p> <p><strong>加载网址</strong></p> <p>我尝试使用<code>onloadstart</code>and<code>onloadeddata</code>事件来显示一些基本进度，但它们似乎没有触发；</p> <p>以上两个事件在 w3school 中有描述，所以不确定我做错了什么，但没有控制台错误。</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/jquery" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">jquery</a><a href="/tags/html-object" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">html-object</a> </div> <div class="s-user-card s-user-cardminimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2017-05-12T10:02:20.487</span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-itememphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票</span> </div> <div class="s-post-summary--stats-item " title="1 answers"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">回答</span> </div> <div class="s-post-summary--stats-item " title="148 views"> <span class="s-post-summary--stats-item-number">148</span> <span class="s-post-summary--stats-item-unit">浏览</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/45477102" class="s-link">javascript - 获取带有缓存的 HTML 后备图像？</a> </h3> <div class="s-post-summary--content-excerpt"> <p>我有一个用户图像控件，一个标识 - 如果用户有一个图像集，它应该显示它，如果没有，它会显示带有彩色背景（和其他一些 HTML）的他们的首字母。</p> <p>这些图像有很多，一次显示很多，而且同一个用户可能会在一个页面上加载多次。图像可以包含 alpha 透明度，并以多种不同的背景颜色显示。图像可以是高 DPI，而后备（以及它们旁边显示的大多数其他图像）使用 SVG。</p> <p>图像可以更改，但不会经常更改。通常它们可以被缓存几天或几周。</p> <p>我认为有两种方法可以解决这个问题：</p> <ul> <li><p>JavaScript<br> 在此模型中，服务器返回我缓存<code>IndexedDB</code>的 JSON，并且 JSON 包含图像的数据 URI（如果已设置）。需要额外的 JS 来检查是否已经为同一用户发出请求并避免重复。</p></li> <li><p>HTML<code><object></code>回退<br> 为此，服务器返回实际的图像字节，如果未找到则返回 404。然后，如果找不到图像，则<code><object></code>标记的内容呈现：</p></li> </ul> <p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> </div> </div> <p></p> <p>JS 选项有很大的缺点，因为即使 JS 被高度优化也<code>IndexedDB</code>意味着回调（或同步选项，如<code>LocalStorage</code>，往往很慢）。这涉及相当多的 JS，这应该是一个相当简单的任务。它有一个很大的优势——它只要求每个用户的照片一次。</p> <p>我喜欢<code><object></code>回退的简单性，它有一些小缺点（许多奇怪的规则适用于对象内的 HTML 的呈现方式），但有一个主要问题：如果找不到图像，它每次都会再次往返服务器. 很多用户没有图像。每个页面加载都会获得一长串 404 的用户图像，它应该已经知道没有。</p> <ol> <li>JS 是最好的方法，坚持下去 - 有什么方法可以减少 JS/开销？</li> <li>离开<code><object></code>404s。</li> <li>添加一个事件，<code><object></code>当它无法加载图像时触发一些 JS，但我不确定如何在不恢复到 (1) 的情况下阻止它再次尝试</li> <li>更改服务器响应以返回用户图像，即使它失败。<br> 这失去了后备的优雅，并意味着大量的服务器生成的图像。<br> 这就是 SO/gravatar 所做的，但对我们的高 DPI 屏幕来说意味着一些问题。</li> <li>更改服务器响应以在失败时返回透明图像。<br> 这意味着同一张图片会被缓存很多次，即使对于有照片的用户来说，也意味着对内容进行分层。它还会导致带有 alpha 透明度的图像出现问题。</li> <li>调整服务工作者以处理对用户图像的请求作为特殊情况，缓存 404 响应并在再次尝试时跳过网络往返。</li> <li>滥用其他一些 HTTP 状态响应，这些响应<code><object></code>仍然被视为无法找到图像并回退到内容，但由浏览器缓存。</li> <li>还有什么办法？</li> </ol> <p>所有这些都涉及妥协，但我也相当确定我在这里重新发明了轮子 - 很可能有人（在所有已经存在的标识实现中）已经解决了这个问题。谁能指出我正确的方向或建议解决问题的最佳方法？</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/javascript" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">javascript</a><a href="/tags/html" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">html</a><a href="/tags/css" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">css</a><a href="/tags/httpresponse" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">httpresponse</a><a href="/tags/html-object" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">html-object</a> </div> <div class="s-user-card s-user-cardminimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2017-08-03T07:04:01.270</span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-itememphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票</span> </div> <div class="s-post-summary--stats-item " title="2 answers"> <span class="s-post-summary--stats-item-number">2</span> <span class="s-post-summary--stats-item-unit">回答</span> </div> <div class="s-post-summary--stats-item " title="4226 views"> <span class="s-post-summary--stats-item-number">4226</span> <span class="s-post-summary--stats-item-unit">浏览</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/45772476" class="s-link">jquery - 如何让对象附加 svg？</a> </h3> <div class="s-post-summary--content-excerpt"> <p>谷歌浏览器 v60.0.3112.101、HTML5、jQuery 3.2.1</p> <p>我的<code>object</code>元素与<code>svg</code>-file 链接。这<code>svg</code>在我的 html 页面上显示没有问题。我尝试<code>svg</code>使用 jQuery 获取元素，但两次尝试都没有找到：</p> <p>这是我的 html 块：</p> <p>我怎样才能得到我<code>svg</code>的 jQuery？</p> <p>PS 我使用这种方法（一个外部<code>svg</code>文件），因为我<code>svg</code>将在许多网页上使用。我也使用<code>object</code>而不是<code>img</code>因为它<code>svg</code>使用外部<code>css</code>文件。</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/jquery" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">jquery</a><a href="/tags/html" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">html</a><a href="/tags/svg" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">svg</a><a href="/tags/html-object" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">html-object</a> </div> <div class="s-user-card s-user-cardminimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2017-08-19T14:02:47.843</span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-itememphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票</span> </div> <div class="s-post-summary--stats-item " title="3 answers"> <span class="s-post-summary--stats-item-number">3</span> <span class="s-post-summary--stats-item-unit">回答</span> </div> <div class="s-post-summary--stats-item " title="7120 views"> <span class="s-post-summary--stats-item-number">7120</span> <span class="s-post-summary--stats-item-unit">浏览</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/46334961" class="s-link">html - 如何使用对象标签嵌入 YouTube 视频？</a> </h3> <div class="s-post-summary--content-excerpt"> <p>我正在尝试<code>object</code>在 HTML 中按标签包含 YouTube 视频：</p> <p>目前，视频不显示。我在 W3Schools 上进行了搜索，他们有类似的代码，但 URL 不同，并且可以正常工作：</p> <p>我可以为<code>object</code> <code>data</code>属性使用哪种 URL？</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/html" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">html</a><a href="/tags/url" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">url</a><a href="/tags/youtube" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">youtube</a><a href="/tags/html-object" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">html-object</a> </div> <div class="s-user-card s-user-cardminimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2017-09-21T03:22:20.827</span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-itememphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">回答</span> </div> <div class="s-post-summary--stats-item " title="1162 views"> <span class="s-post-summary--stats-item-number">1162</span> <span class="s-post-summary--stats-item-unit">浏览</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/46845203" class="s-link">html - 将 pdf 对象的大小调整为父 div 大小</a> </h3> <div class="s-post-summary--content-excerpt"> <p>我在网页上呈现 .pdf 和 .png 文件。</p> <p>base64 编码字符串在哪里<code>report._source.attachment</code>，例如 pdf 字符串开头<code>JVBERi0x...</code>和 png 字符串 - <code>iVBORw0KGgo...</code>。</p> <p>我的风格（更少）规则：</p> <p>图片 (png) 已正确调整大小。但是上面的样式对pdf没有任何影响。</p> <p>如何调整 pdf 的大小以适应父 div 的大小？</p> <p>这是<a href="https://plnkr.co/edit/mBo2OLs79i0b16m7q3gS?p=preview" rel="nofollow noreferrer">plunker 中的模拟</a>。我需要的是相同大小的 pdf 和 png 没有硬编码<code>width</code>和<code>height</code>.</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/html" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">html</a><a href="/tags/css" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">css</a><a href="/tags/angularjs" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">angularjs</a><a href="/tags/html-object" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">html-object</a> </div> <div class="s-user-card s-user-cardminimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2017-10-20T08:31:01.483</span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-itememphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">回答</span> </div> <div class="s-post-summary--stats-item " title="30 views"> <span class="s-post-summary--stats-item-number">30</span> <span class="s-post-summary--stats-item-unit">浏览</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/46931604" class="s-link">html - 嵌入 pdf 时，页面不再滚动</a> </h3> <div class="s-post-summary--content-excerpt"> <p>所以假设我像这样将我的 pdf 嵌入到我的页面中，这样整个页面就是 pdf 文档。<a href="https://i.stack.imgur.com/jWUPT.jpg" rel="nofollow noreferrer">例子</a></p> <p>我得到的问题是，当您在对象（pdf）内部滚动时，它只会滚动对象，所以当它全屏时没有任何反应。我希望用户能够滚动网站，而不是 pdf。</p> <p>还有一种方法可以更改对象 pdf 背景颜色吗？</p> <p>感谢您的帮助，似乎没有太多关于此的文档。如果您对集成整页 pdf 有任何其他建议，请告诉我。我正在使用纯 HTML/CSS。</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/html" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">html</a><a href="/tags/css" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">css</a><a href="/tags/html-object" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">html-object</a><a href="/tags/html-pdf" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">html-pdf</a> </div> <div class="s-user-card s-user-cardminimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2017-10-25T11:46:27.063</span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-itememphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票</span> </div> <div class="s-post-summary--stats-item " title="1 answers"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">回答</span> </div> <div class="s-post-summary--stats-item " title="171 views"> <span class="s-post-summary--stats-item-number">171</span> <span class="s-post-summary--stats-item-unit">浏览</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/47222354" class="s-link">php - 禁用正在预览网站的 html 对象的交互性</a> </h3> <div class="s-post-summary--content-excerpt"> <p>我正在使用以下代码加载网站的预览：</p> <p>有没有办法禁用与该链接中元素的交互性？我想加载链接的预览，但如果有意义的话，我不希望用户四处点击并与预览进行交互。</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/php" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">php</a><a href="/tags/html" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">html</a><a href="/tags/html-object" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">html-object</a> </div> <div class="s-user-card s-user-card__minimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> 2017-11-10T12:01:54.227</span></time> </div> </div> </div> </div> </div> <br class="cbt"> <div class="s-pagination site1 themed pager float-left"> <a class="s-pagination--item js-pagination-item " href="/tags/html-object?p=1" rel="" title="Go to page 2">1</a><a class="s-pagination--item js-pagination-item " href="/tags/html-object?p=2" rel="" title="Go to page 2">2</a><a class="s-pagination--item js-pagination-item " href="/tags/html-object?p=3" rel="" title="Go to page 2">3</a><a class="s-pagination--item js-pagination-item is-selected" href="/tags/html-object?p=4" rel="" title="Go to page 2">4</a><a class="s-pagination--item js-pagination-item " href="/tags/html-object?p=5" rel="" title="Go to page 2">5</a><a class="s-pagination--item js-pagination-item " href="/tags/html-object?p=6" rel="" title="Go to page 2">6</a><a class="s-pagination--item js-pagination-item " href="/tags/html-object?p=7" rel="" title="Go to page 2">7</a><a class="s-pagination--item js-pagination-item " href="/tags/html-object?p=8" rel="" title="Go to page 2">8</a><a class="s-pagination--item js-pagination-item " href="/tags/html-object?p=9" rel="" title="Go to page 2">9</a><a class="s-pagination--item js-pagination-item " href="/tags/html-object?p=10" rel="" title="Go to page 2">10</a></div> </div> <div id="sidebar" class="show-votes" role="complementary" aria-label="sidebar"> <div class="module js-gps-related-tags" id="related-tags"> <h4 id="h-related-tags">Reference</h4> <div data-name="javascript"> <a href="https://php.github.net.cn" class="post-tag no-tag-menu js-gps-track" >php</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">1429865</span> </span> </div> <div data-name="javascript"> <a href="https://c-cpp.com" class="post-tag no-tag-menu js-gps-track" >c/c++</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">756500</span> </span> </div> <div data-name="javascript"> <a href="https://nginx.github.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">nginx</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">49975</span> </span> </div> <div data-name="javascript"> <a href="https://mongodb.net.cn" class="post-tag no-tag-menu js-gps-track" >mongodb</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">159057</span> </span> </div> <div data-name="javascript"> <a href="https://mybatis.net.cn" class="post-tag no-tag-menu js-gps-track" >mybatis</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">3233</span> </span> </div> <div data-name="javascript"> <a href="https://anaconda.org.cn" class="post-tag no-tag-menu js-gps-track" >anaconda</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">13410</span> </span> </div> <div data-name="javascript"> <a href="https://pycharm.net.cn" class="post-tag no-tag-menu js-gps-track" >pycharm</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">14671</span> </span> </div> <div data-name="javascript"> <a href="https://python.github.net.cn" class="post-tag no-tag-menu js-gps-track" >python</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">1902243</span> </span> </div> <div data-name="javascript"> <a href="https://vscode.github.net.cn" class="post-tag no-tag-menu js-gps-track" >vscode</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">56040</span> </span> </div> <div data-name="javascript"> <a href="https://dockerdocs.cn" class="post-tag no-tag-menu js-gps-track" >docker</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">110988</span> </span> </div> <div data-name="javascript"> <a href="https://github.net.cn" class="post-tag no-tag-menu js-gps-track" >github</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">49000</span> </span> </div> <div data-name="javascript"> <a href="https://flask.github.net.cn" class="post-tag no-tag-menu js-gps-track" >flask</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">49129</span> </span> </div> <div data-name="javascript"> <a href="https://ffmpeg.github.net.cn" class="post-tag no-tag-menu js-gps-track" >ffmpeg</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">24037</span> </span> </div> <div data-name="javascript"> <a href="https://jmeter.net" class="post-tag no-tag-menu js-gps-track" >jmeter</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">16910</span> </span> </div> <div data-name="javascript"> <a href="https://matplotlib.net" class="post-tag no-tag-menu js-gps-track" >matplotlib</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">63493</span> </span> </div> <div data-name="javascript"> <a href="https://getbootstrap.net" class="post-tag no-tag-menu js-gps-track" >bootstrap</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">54641</span> </span> </div> </div> </div> </div> </div> <footer id="footer" class="site-footer js-footer" role="contentinfo"> <div class="site-footer--container"> <div class="site-footer--logo"> <a href="https://stackoverflow.com"><svg aria-hidden="true" class="native svg-icon iconLogoGlyphMd" width="32" height="37" viewBox="0 0 32 37"><path d="M26 33v-9h4v13H0V24h4v9h22Z" fill="#BCBBBB"/><path d="m21.5 0-2.7 2 9.9 13.3 2.7-2L21.5 0ZM26 18.4 13.3 7.8l2.1-2.5 12.7 10.6-2.1 2.5ZM9.1 15.2l15 7 1.4-3-15-7-1.4 3Zm14 10.79.68-2.95-16.1-3.35L7 23l16.1 2.99ZM23 30H7v-3h16v3Z" fill="#F48024"/></svg></a> </div> <nav class="site-footer--nav"> <div class="site-footer--col"> <h5 class="-title"><a href="https://stackoverflow.org.cn" class="js-gps-track" data-gps-track="footer.click({ location: 3, link: 15})">Stack Overflow 中文网</a></h5> <p>遵从 CC BY-SA 知识共享许可协议。</p> </div> </nav> </div> </footer> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?709ff2ad9744e86b5b0eee677fc13ede"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-1MW5BV8G8E"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-1MW5BV8G8E'); </script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6117966252207595" crossorigin="anonymous"></script> </body> </html>