如何在 xHTML 中验证 noscript+meta refresh 标签

 更新时间:2023年03月15日 11:55:17   投稿:mdxy-dxy  
这篇文章主要介绍了如何在 xHTML 中验证 noscript+meta refresh 标签,需要的朋友可以参考下

对于不支持 JavaScript 的访问者,我将他们重定向到某个页面 - “js.html”。

为此,我的所有文件中都有以下内容:

<noscript>
<meta http-equiv="Refresh" content="0;URL=www.jb51.net" />
</noscript>

当然,这不会在 XHTML 中验证,因为 noscript 必须放在 <body> 中。 .
但是当我将该代码放在文档正文中时,又出现了另一个错误,因为元标记只能在 <head> 中使用。部分,所以我在这里陷入了无限循环。

有没有办法让这个验证?它适用于所有浏览器,所以没什么大不了的,我只是想验证我的应用程序。

最佳答案

您可以这样做:

将元插入您的脑海中,但刷新时间为 2 秒。紧挨着那个地方的 SCRIPT 标签可以删除元刷新。所以任何 JS 用户都不会被重定向:

<meta id="refresh" http-equiv="Refresh" content="10;URL=js.html" />
<script type="text/javascript">
    $('refresh').remove();
</script>

浏览器可能已经“提到”了元刷新。所以你可以使用 JavaScript 在它周围写一个开始和结束的 HTML 注释(包括一个开始脚本标签来关闭第二个 document.write 的脚本标签):

<script type="text/javascript">
    document.write("<!-- ");
</script>
<meta http-equiv="Refresh" content="2;URL=js.html" />
<script type="text/javascript">
    document.write(' --><script type="text/javascript">');
</script>

我可以成功测试这个。

只是关于我如何处理非 js 用户的提示。我有一个名为“js”的 css 类,我将它添加到任何应该只对 javascript 用户可见的元素中。通过javascript,我添加了一个包含“js”类规则的css文件,该文件显示了“js”类的每个元素。所有链接(功能)都是经过设计的,它们可以在没有 javascript 的情况下使用,也可以在按住 CTRL 的同时单击链接的新选项卡中使用。

关于xhtml - 如何在 xHTML 中验证 noscript+meta refresh 标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3610030/

相关文章

  • javascript实现图片自动和可控的轮播切换特效

    javascript实现图片自动和可控的轮播切换特效

    这篇文章主要介绍了javascript实现图片自动和可控的轮播切换特效,效果非常的棒,推荐给大家,有需要的小伙伴可以参考下。
    2015-04-04
  • JS代码编译器Monaco使用方法

    JS代码编译器Monaco使用方法

    Monaco是微软家的,支持的语言很多,还有缩略地图,有时候提示不好用然后包体很大的问题,但是这是极少数,今天小编给大家分享JS编译器Monaco使用教程,感兴趣的朋友一起看看吧
    2021-06-06
  • javascript事件冒泡简单示例

    javascript事件冒泡简单示例

    这篇文章主要介绍了javascript事件冒泡原因、显示效果及阻止冒泡的方法,需要的朋友可以参考下
    2016-06-06
  • js单线程的本质 Event Loop解析

    js单线程的本质 Event Loop解析

    这篇文章主要介绍了js单线程的本质 Event Loop解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • js匿名函数使用&传参(实例)

    js匿名函数使用&传参(实例)

    下面小编就为大家带来一篇js匿名函数使用&传参(实例)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • js 右侧浮动层效果实现代码(跟随滚动)

    js 右侧浮动层效果实现代码(跟随滚动)

    因为项目上有这样的需求,在网上也查了些东西,之前是想找个差不多类似的套用一下。后来发觉没有合适的,因时间紧迫就自己动手写了一个简单的 ,示例代码如下 兼容火狐和IE7+
    2015-11-11
  • 第一次记录Bootstrap table学习笔记(1)

    第一次记录Bootstrap table学习笔记(1)

    这篇文章主要为大家介绍了第一次学习Bootstrap table表格插件的笔记,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • js对url进行编码解码的三种方式总结

    js对url进行编码解码的三种方式总结

    为一个字符串进行URL编码很容易,只需要调用encodeURI,传入要编码的字符串即可,而且实现的方法不止这一个,下面这篇文章主要给大家介绍了关于js对url进行编码解码的三种方式,需要的朋友可以参考下
    2023-02-02
  • 详解JavaScript中关于this指向的4种情况

    详解JavaScript中关于this指向的4种情况

    这篇文章主要介绍了JavaScript中关于this指向的4种情况,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • js中巧用cssText属性批量操作样式

    js中巧用cssText属性批量操作样式

    js中巧用cssText属性批量操作样式,需要的朋友可以参考下。
    2011-03-03

最新评论