我想根据您所在的网址更改div的css。
以下是我提出的代码......
<script>
if (window.location.href == "http://www.example.com/?tab-1") {
function(){
$('body').css('color','red !important');
}
}
</script>
有人可以解释如何根据当前网址正确执行某个功能吗?
谢谢。
答案 0 :(得分:0)
$(function(){
var tab = window.location.href.split('?')[1]; // tab-1
if(tab){
$('body').addClass( tab );
}
});
而不是 CSS :
.tab-1{
background: red ; /* add !important if needed */
}
.tab-2{
background: blue ; /* add !important if needed */
}
答案 1 :(得分:0)
要根据网址上的问号后面的内容执行不同的功能(以面值表示问题),您可以使用此功能:
var functions = {
"tab-1": function() {
//do tab-1 stuff
},
"tab-2": function() {
//do tab-2 stuff
}
}
$(function() {
var qs = location.search;
if (qs.length > 0) {
var func = functions[qs.substring(1)]
if ($.isFunction(func)) func();
}
});
答案 2 :(得分:-1)
您应该调用window.onload
,以便在输入时捕获网址并立即触发您想要的操作(在本例中为css更改)。
function changecss() {
if (window.location.href == "http://www.example.com/?tab-1") {
function(){
$('body').css('color','red !important');
}
}
}
window.onload = changecss;