iframe 的替代文本

发布于 2024-12-18 01:37:48 字数 290 浏览 0 评论 0原文

我们为 HTML 中的 img 标记提供了替代文本 alt 属性，当图像不出现时，该文本就会显示。我也尝试使用带有 iframe 的标签。

<iframe src="www.abc.com" alt="Web site is not avaialable">

但是当给出 src="" 时，替代文本不会出现。只是想知道如果没有给出 src ，我是否可以通过任何其他方式实现替代文本？

原文

We have alternate text, alt attribute, for an img tag in HTML, which will show up when the image doesn't come up. I tried using the tag with iframe too.

<iframe src="www.abc.com" alt="Web site is not avaialable">

But the alternate text doesn't come up when src="" is given. Just wanted to know if I can achieve alternate text in any other way, if the src is not given ?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

热风软妹 2024-12-25 01:37:48

由于我的第一次尝试误解了您的问题，所以让我们尝试一下：

<script>
$(function () {

    $("iframe").not(":has([src])").each(function () {

    var ifrm = this;

    ifrm = (ifrm.contentWindow) ? ifrm.contentWindow : (ifrm.contentDocument.document) ? ifrm.contentDocument.document : ifrm.contentDocument;

    ifrm.document.open();
    ifrm.document.write($(this).attr("alt"));
    ifrm.document.close();

    });

});
</script>

这将读取任何没有 src 属性或具有空白值的 src 属性的 iframe 的“alt”标记值，并将 alt 文本写入该 iframe 的正文中。

协助使用 Javascript 或 jQuery 将元素写入子 iframe

Since my first attempt misunderstood your question, let's try this instead:

<script>
$(function () {

    $("iframe").not(":has([src])").each(function () {

    var ifrm = this;

    ifrm = (ifrm.contentWindow) ? ifrm.contentWindow : (ifrm.contentDocument.document) ? ifrm.contentDocument.document : ifrm.contentDocument;

    ifrm.document.open();
    ifrm.document.write($(this).attr("alt"));
    ifrm.document.close();

    });

});
</script>

This will read the "alt" tag value for any iframe with either no src attribute or a src attribute with a blank value, and write the alt text into the body of that iframe.

Assist from Write elements into a child iframe using Javascript or jQuery

回复收藏 0 原文

爱人如己 2024-12-25 01:37:48

虽然不是“最干净”的解决方案，但另一种选择是在 CSS 中使用位置和 z-index 来“隐藏”iframe 下的空图像。这将为您提供真正替代文本的所有元数据优势，而无需编写任何复杂的脚本。

如果您只想将其作为占位符显示，直到 iframe 加载完成，这也很好。

回复收藏 0 原文

野生奥特曼 2024-12-25 01:37:48

元素不支持 alt 属性，但支持 longdesc。尽管如此，HTML 规范并没有规定浏览器如何处理长描述（或替代）文本。保证任何特定行为的唯一方法是使用 JavaScript。这是一个使用 jQuery 的未经测试的示例：

// Not tested
$('iframe').each(function() {
  if ($(this).attr('href') == '') {
    // Do something with $(this).attr('longdesc')
  }
});

The <iframe> element doesn't support an alt attribute, but it does support longdesc. Still, the HTML specification does not dictate how browsers handle long description (or alternate) text. The only way to guarantee any specific behavior is to use JavaScript. Here is an untested example using jQuery:

// Not tested
$('iframe').each(function() {
  if ($(this).attr('href') == '') {
    // Do something with $(this).attr('longdesc')
  }
});

回复收藏 0 原文

失而复得 2024-12-25 01:37:48

我不知道有什么方法可以以任何直接的方式捕获来自 iframe 的 404 响应，但是您可以使用一些 jQuery 捕获它：

<iframe id="myFrame"></iframe>

<script>
$(function () {

  $.ajax({
     url: "http://www.abc.com",
     success: function (data) {
        $("#myFrame").html(data);
     },
     error: function () {
        $("#myFrame").html("Web site is not avaialable");
     }

});
</script>

I don't know of a way to trap for 404 responses from an iframe in any kind of straightforward way, however you could trap it with some jQuery:

<iframe id="myFrame"></iframe>

<script>
$(function () {

  $.ajax({
     url: "http://www.abc.com",
     success: function (data) {
        $("#myFrame").html(data);
     },
     error: function () {
        $("#myFrame").html("Web site is not avaialable");
     }

});
</script>

回复收藏 0 原文