Javascript jquery更改下一页的css
我有一个名为android.html的页面,上面有一个id为detect的按钮。当你点击按钮时,一个脚本会检查你的安卓设备上的操作系统版本是否符合美国的标题。如果是版本3.0或更高版本,我将如何更改脚本以应用一种样式,如果是版本2.9或更低版本,则如何更改脚本以应用另一种样式。这是最难的部分…我不想将css样式应用到android.html页面,而是应用到playlist.html页面,您只需单击按钮即可重定向到该页面 htmlJavascript jquery更改下一页的css,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我有一个名为android.html的页面,上面有一个id为detect的按钮。当你点击按钮时,一个脚本会检查你的安卓设备上的操作系统版本是否符合美国的标题。如果是版本3.0或更高版本,我将如何更改脚本以应用一种样式,如果是版本2.9或更低版本,则如何更改脚本以应用另一种样式。这是最难的部分…我不想将css样式应用到android.html页面,而是应用到playlist.html页面,您只需单击按钮即可重定向到该页面 html 使用查询字符串重定向到该html页面,即playlist.html
使用查询字符串重定向到该html页面,即playlist.html?css=v1或v2,然后在下一页中检查该GET参数并包含相应的css文件。或者在重定向中附加查询字符串键/值对,以便下一页知道要加载的样式表,或者在下一页加载时检查用户代理字符串
$('#detect').click(function() {
if (/Android (\d+(?:\.\d+)+)/.test(navigator.userAgent)){
var version=new Number(RegExp.$1)
if (version>=3)
window.location = 'playlist.html?style=1';
} else {
window.location = 'playlist.html?style=2';
}
}
});
然后在playlist.html页面上:
这个if/then检查非常简单。更好的方法是在数组中获取查询字符串参数,检查样式键,然后加载相应的值。可能需要将查询字符串变量传递给指定anversion的重定向,然后检查该变量,并根据第二页上的值插入.css文件。@Blainer我刚刚更新了我的答案,介绍了如何检查window.location.search属性中的值。如果您使用的是像PHP这样的服务器端脚本语言,我建议在服务器端而不是客户端执行此检查。由于某些原因,当我单击按钮时,它甚至根本不会将我重定向到playlist.html。只在“播放列表”页面上签入document.ready并在此时加载相应的样式表是否更容易?同意。你真的应该在播放列表文件中签入它。
$('#detect').click(function() {
if (/Android (\d+(?:\.\d+)+)/.test(navigator.userAgent)){
var version=new Number(RegExp.$1)
if (version>=3)
//redirect to playlist.html using style1.css
}
else
//redirect to playlist.html using style2.css
});
$('#detect').click(function() {
if (/Android (\d+(?:\.\d+)+)/.test(navigator.userAgent)){
var version=new Number(RegExp.$1)
if (version>=3)
window.location = 'playlist.html?style=1';
} else {
window.location = 'playlist.html?style=2';
}
}
});
if (window.locaion.search.indexOf('style=1') > -1) {
$.getScript('style1.css');
} else if (window.locaion.search.indexOf('style=2') > -1) {
$.getScript('style2.css');
}