Javascript 是否基于浏览器加载不同的html文件?
我甚至不确定这是否可能,但谷歌搜索让我找不到明确的答案。有没有办法根据浏览器类型加载不同的html集 这是我唯一的选择。我已经尝试了所有其他方法,唯一能让它工作的方法是为InternetExplorer10及以下版本输入一个完全不同的html文件,其中包含完全不同的脚本和资源。我有一个脚本,它需要保持在加载顺序的顶部才能正常运行(google polymer js文件),我还需要检测浏览器是否为ie10或以下版本,并能够告诉浏览器不要加载该文件,如果是,因为它会导致太多错误,以至于页面上不会加载任何其他文件 所以,是的——有没有办法根据浏览器切换加载哪些html?最好是与ie10及以下兼容的产品?任何信息或链接将不胜感激。谢谢大家! 编辑我不能使用条件注释,因为我需要它来与ie10一起使用,而且他们删除了对条件的支持:(Javascript 是否基于浏览器加载不同的html文件?,javascript,html,loading,Javascript,Html,Loading,我甚至不确定这是否可能,但谷歌搜索让我找不到明确的答案。有没有办法根据浏览器类型加载不同的html集 这是我唯一的选择。我已经尝试了所有其他方法,唯一能让它工作的方法是为InternetExplorer10及以下版本输入一个完全不同的html文件,其中包含完全不同的脚本和资源。我有一个脚本,它需要保持在加载顺序的顶部才能正常运行(google polymer js文件),我还需要检测浏览器是否为ie10或以下版本,并能够告诉浏览器不要加载该文件,如果是,因为它会导致太多错误,以至于页面上不会加载
编辑多亏了Siropo,我现在可以很好地检测到IE10及以下版本,但我不确定如何在页面其余部分之前加载该文件。就像我需要检查浏览器是否为IE10及以下版本,然后将该文件与其他所有内容一起加载。是否有办法告诉所有内容等待,直到我检查了浏览器类型?如果您只需要检测IE的不同版本,而不需要检测其他浏览器,您可以使用IE特定的HTML条件:
如果您正在使用一个框架来构建支持某种模板系统的站点,那么您可以依靠请求中的用户代理为不同的浏览器呈现不同的HTML模板。此技巧适用于所有浏览器
<html>
<head>
<title>Redirecting</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript"> {var BrowserDetect = {
init: function () {
this.browser = this.searchString(this.dataBrowser) || "unknown";
this.version = this.searchVersion(navigator.userAgent)
|| this.searchVersion(navigator.appVersion)
|| "an unknown version";
this.OS = this.searchString(this.dataOS) || "an unknown OS";
},
searchString: function (data) {
for (var i=0;i<data.length;i++) {
var dataString = data[i].string;
var dataProp = data[i].prop;
this.versionSearchString = data[i].versionSearch || data[i].identity;
if (dataString) {
if (dataString.indexOf(data[i].subString) != -1)
return data[i].identity;
}
else if (dataProp)
return data[i].identity;
}
},
searchVersion: function (dataString) {
var index = dataString.indexOf(this.versionSearchString);
if (index == -1) return;
return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
},
dataBrowser: [
{
string: navigator.userAgent,
subString: "Chrome",
identity: "Chrome"
},
{
string: navigator.vendor,
subString: "Apple",
identity: "Safari",
versionSearch: "Version"
},
{
prop: window.opera,
identity: "Opera"
},
{
string: navigator.vendor,
subString: "KDE",
identity: "Konqueror"
},
{
string: navigator.userAgent,
subString: "Firefox",
identity: "Firefox"
},
{ // for newer Netscapes (6+)
string: navigator.userAgent,
subString: "Netscape",
identity: "Netscape"
},
{
string: navigator.userAgent,
subString: "MSIE",
identity: "Explorer",
versionSearch: "MSIE"
},
{
string: navigator.userAgent,
subString: "Gecko",
identity: "Mozilla",
versionSearch: "rv"
},
{ // for older Netscapes (4-)
string: navigator.userAgent,
subString: "Mozilla",
identity: "Netscape",
versionSearch: "Mozilla"
}
],
dataOS : [
{
string: navigator.platform,
subString: "Win",
identity: "Windows"
},
{
string: navigator.platform,
subString: "Mac",
identity: "Mac"
},
{
string: navigator.userAgent,
subString: "iPhone",
identity: "iPhone/iPod"
},
{
string: navigator.platform,
subString: "Linux",
identity: "Linux"
}
]
};
BrowserDetect.init();
var browser = BrowserDetect.browser;
browser = browser.toLowerCase();
var link = browser + '.html';
document.write('<meta http-equiv="refresh" content="1; url=' + link + '"/>');
</script>
</head>
<body background="/images/background1.jpg">
<p align=center><font color=green size=5>Rendering Browser</font></p>
<p align=center><img src="http://www.lacosta-seaisle.com/images/loading_aqua.gif" alt="loading"></p>
</body>
</html>
重定向
{var BrowserDetect={
init:函数(){
this.browser=this.searchString(this.dataBrowser)| |“未知”;
this.version=this.searchVersion(navigator.userAgent)
||此.searchVersion(navigator.appVersion)
||“未知版本”;
this.OS=this.searchString(this.dataOS)| |“未知操作系统”;
},
searchString:函数(数据){
对于(var i=0;iyou可以根据浏览器版本通过ajax调用加载html文件!或根据angular js加载视图!这可能会有帮助!的可能副本还说明了如何仅在IE中加载您要用于检查客户端浏览器的程序语言?Javascript、PHP…?好的,然后检查此链接-。在下面的部分中,您有一个部分:检测IE x.xThanks的链接:-)我使用这些IE的10以下,但我也需要一个适用于ie10,我相信他们删除了有条件的支持