我有一个网站，尝试使用Ajax在无需重新加载页面的情况下更新页面内容。然而，很可能许多用户将使用不支持Javascript的移动浏览器，因此我正在设计具有元刷新标记的页面，这些标记仅适用于没有Javascript的用户。是否有任何方法可以做到这一点？
我尝试将标记放置在noscript元素中，但我的原始手机浏览器无法识别它。我想也许可以设置一个cookie来记住用户的浏览器是否支持Javascript，或者有一个能够在没有Javascript的情况下工作的页面版本，并尝试使用Javascript将用户重定向到更高级的版本，但我想知道是否有更优雅的方式。有人有什么想法吗？
我发现noscript标签对此非常有效。例如，您可以在关闭head元素后立即放置它：
<noscript>
<meta http-equiv="refresh" content="5;URL=http://www.example.com">
</noscript>
不需要删除带有脚本的meta标签，因为支持脚本的浏览器将忽略noscript元素中的所有内容。
你无法使用JavaScript覆盖meta refresh标签。
但是你可以这样做：
假设你的页面在->
http://example.net/mike.html，请将以下代码放置在那里->
<script type="text/javascript">
window.location = 'http://example.net/mike/for_Those_With_JavaScript_Enabled.html';
</script>
window.onbeforeunload = function() { return 'test' };，你可以弹出一个窗口并点击“留在此页”来中止刷新。从用户体验的角度来看，这是一个可怕的选择，但它是一种停止刷新的技巧。 - a paid nerd很遗憾，根据@bluesmoon's answer的说法，操作DOM已经不再起作用。
解决方法是检索原始标记，找到并替换meta refresh元素，然后使用替换后的标记编写新文档。
我不确定如何使用JavaScript检索原始标记，除了使用XMLHttpRequest发送附加请求。
在Opera中，这是我正在使用的：
Disable meta refresh 1.00.js：
// ==UserScript==
// @name Disable meta refresh
// @version 1.00
// @description Disables meta refresh.
// @namespace https://dev59.com/T3A75IYBdhLWcg3wg5Zh#13656851
// @copyright 2012
// @author XP1
// @homepage https://github.com/XP1/
// @license Apache License, Version 2.0; http://www.apache.org/licenses/LICENSE-2.0
// @include http*://example.com/*
// @include http*://*.example.com/*
// ==/UserScript==
/*
* Copyright 2012 XP1
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/*jslint browser: true, vars: true, maxerr: 50, indent: 4 */
(function (window, XMLHttpRequest) {
"use strict";
if (window.self !== window.top) {
return;
}
window.stop();
var uri = window.location.href;
var request = new XMLHttpRequest();
request.open("GET", uri, false);
request.send(null);
if (!(request.readyState === 4 && request.status === 200)) {
return;
}
var markup = request.responseText;
markup = markup.replace(/<meta http-equiv="refresh".*\/?>/gi, "");
var document = window.document;
document.open();
document.write(markup);
document.close();
}(this, this.XMLHttpRequest));
Opera还具有内置功能，可以禁用meta刷新。无需JavaScript。
这对我非常有效！（在Chrome中尝试过）
window.stop();
只需使用JavaScript删除元标记：
<meta http-equiv="refresh" content="2;http://new-url/" id="meta-refresh">
<script type="text/javascript">
var mr = document.getElementById("meta-refresh");
mr.parentNode.removeChild(mr);
</script>
我同意meta refresh不是这里前进的正确方式。除了galambalazs的链接外，还可以搜索“渐进增强”。
然而，在回答问题的精神下，您可以尝试以下方法。它未经测试，在所有浏览器中可能无法正常工作，但应该沿着正确的方向：
var i, refAttr;
var metaTags = document.getElementsByTagName('meta');
for i in metaTags {
if( (refAttr = metaTags[i].getAttribute("http-equiv")) && (refAttr == 'refresh') ) {
metaTags[i].parentNode.removeChild(metaTags[i]);
}
}
目前还不清楚是否删除它会阻止浏览器及时刷新。
for(i in ...)循环。in运算符遍历对象的键。在这种情况下，您需要使用常规数字循环:for(i=metaTags.length-1; i>=0; i--) { ... }。您需要向后迭代，因为removeChild会改变metaTags.length。 - bluesmoon这是我使用的一个例子，它在Firefox上运行得非常完美！
<html><head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Redirecting</title>
</head>
<body onload="location.replace('http://www.live.comeseetv.com'+document.location.hash)">
<a href="http://www.live.comeseetv.com">Redirecting you to http://www.live.comeseetv.com</a>
</body></html>