Html 如何在页面加载时将appended标记加载到URL_Html_Css_Modalpopups

Html 如何在页面加载时将appended标记加载到URL

html css

Html 如何在页面加载时将appended标记加载到URL,html,css,modalpopups,Html,Css,Modalpopups,我知道有更有效的方法来做这件事，但我有我这样做的理由。我有一个模态弹出窗口。我希望此窗口在访问者加载页面后立即弹出。到目前为止，通过单击一个链接将他们带到index.php#login#表单，即可到达并打开该窗口 “登录表单”是我想在页面加载时添加的URL。然后，他们可以选择在它最初加载弹出窗口后退出它现在有没有一种方法可以更有效地实现这一点，而不必太多地更改css或代码谢谢一种简单的方法是直接使用标签登录表单加载页面： http://www.script-tutorials.com/de

我知道有更有效的方法来做这件事，但我有我这样做的理由。我有一个模态弹出窗口。我希望此窗口在访问者加载页面后立即弹出。到目前为止，通过单击一个链接将他们带到index.php#login#表单，即可到达并打开该窗口

“登录表单”是我想在页面加载时添加的URL。然后，他们可以选择在它最初加载弹出窗口后退出它

现在有没有一种方法可以更有效地实现这一点，而不必太多地更改css或代码

谢谢

一种简单的方法是直接使用标签登录表单加载页面：

http://www.script-tutorials.com/demos/222/index.html#login_form

或者，如果您想更“精确”，您可以像这样使用jquery：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<body>

<!--Place this at the end of the body tag.-->
<script>
$(function(){
   window.location.hash = "login_form"; //this will add with js the #login_form hash at the end of th url
})
</script>

您将添加代码以显示模式而不是警报函数。如果使用css显示或隐藏模式，则可以通过以下方式轻松向元素添加css类：

$(".element").addClass("showModal);

或删除具有以下内容的类：

 $(".element").removeClass("hideModal");

确保导入了jquery库。我希望这能回答您的问题。

一个简单的方法是直接使用标签登录表单加载页面：

http://www.script-tutorials.com/demos/222/index.html#login_form

或者，如果您想更“精确”，您可以像这样使用jquery：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<body>

<!--Place this at the end of the body tag.-->
<script>
$(function(){
   window.location.hash = "login_form"; //this will add with js the #login_form hash at the end of th url
})
</script>

您将添加代码以显示模式而不是警报函数。如果使用css显示或隐藏模式，则可以通过以下方式轻松向元素添加css类：

$(".element").addClass("showModal);

或删除具有以下内容的类：

 $(".element").removeClass("hideModal");

确保导入了jquery库。我希望这能回答您的问题。

一个简单的方法是直接使用标签登录表单加载页面：

http://www.script-tutorials.com/demos/222/index.html#login_form

或者，如果您想更“精确”，您可以像这样使用jquery：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<body>

<!--Place this at the end of the body tag.-->
<script>
$(function(){
   window.location.hash = "login_form"; //this will add with js the #login_form hash at the end of th url
})
</script>

您将添加代码以显示模式而不是警报函数。如果使用css显示或隐藏模式，则可以通过以下方式轻松向元素添加css类：

$(".element").addClass("showModal);

或删除具有以下内容的类：

 $(".element").removeClass("hideModal");

确保导入了jquery库。我希望这能回答您的问题。

一个简单的方法是直接使用标签登录表单加载页面：

http://www.script-tutorials.com/demos/222/index.html#login_form

或者，如果您想更“精确”，您可以像这样使用jquery：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<body>

<!--Place this at the end of the body tag.-->
<script>
$(function(){
   window.location.hash = "login_form"; //this will add with js the #login_form hash at the end of th url
})
</script>

您将添加代码以显示模式而不是警报函数。如果使用css显示或隐藏模式，则可以通过以下方式轻松向元素添加css类：

$(".element").addClass("showModal);

或删除具有以下内容的类：

 $(".element").removeClass("hideModal");

确保导入了jquery库。我希望这能回答您的问题。

url中的哈希可以通过javascript中的

window.location.hash

访问。您可以在body onload事件中判断这一点。

url中的哈希可以通过javascript中的

window.location.hash来访问。您可以在body onload事件中判断这一点。
url中的哈希可以通过javascript中的window.location.hash来访问。您可以在body onload事件中判断这一点。
url中的哈希可以通过javascript中的window.location.hash来访问。你可以在body onload事件中判断这一点。
为了回答你的问题，我制作了一把小提琴，它以你为例，解决了你的问题
基本上，这段代码所做的是，选择要模拟的单击id，然后根据这里给出的答案为单击创建一个鼠标事件
现在，这段代码被用于body的onload事件，以伪造一个点击链接的行为，直到现在为止，您一直在使用这个链接
jQuery(document).load(
    jQuery('#join_pop').simulateClick()
);

这反过来会在页面打开时加载弹出窗口。如果您愿意，您可以将最后一个代码中的id更改为登录表单，这将开始显示在页面加载中而不是注册。
为了回答您的问题，我创建了一个提琴，它以您为例，解决了您的问题
基本上，这段代码所做的是，选择要模拟的单击id，然后根据这里给出的答案为单击创建一个鼠标事件
现在，这段代码被用于body的onload事件，以伪造一个点击链接的行为，直到现在为止，您一直在使用这个链接
jQuery(document).load(
    jQuery('#join_pop').simulateClick()
);

这反过来会在页面打开时加载弹出窗口。如果您愿意，您可以将最后一个代码中的id更改为登录表单，这将开始显示在页面加载中而不是注册。
为了回答您的问题，我创建了一个提琴，它以您为例，解决了您的问题
基本上，这段代码所做的是，选择要模拟的单击id，然后根据这里给出的答案为单击创建一个鼠标事件
现在，这段代码被用于body的onload事件，以伪造一个点击链接的行为，直到现在为止，您一直在使用这个链接
jQuery(document).load(
    jQuery('#join_pop').simulateClick()
);

这反过来会在页面打开时加载弹出窗口。如果您愿意，您可以将最后一个代码中的id更改为登录表单，这将开始显示在页面加载中而不是注册。
为了回答您的问题，我创建了一个提琴，它以您为例，解决了您的问题
基本上，这段代码所做的是，选择要模拟的单击id，然后根据这里给出的答案为单击创建一个鼠标事件
现在，这段代码被用于body的onload事件，以伪造一个点击链接的行为，直到现在为止，您一直在使用这个链接
jQuery(document).load(
    jQuery('#join_pop').simulateClick()
);

这反过来会在页面打开时加载弹出窗口。如果需要，您可以将最后一个代码中的id更改为登录表单，这将开始显示在页面加载中，而不是注册。
“modal-popup-window”听起来像是引导。您是使用引导弹出窗口还是创建自定义弹出窗口？我在这里使用了这个窗口，但我不知道如何在页面加载时触发“#login_form”。甚至尝试了一个php标题位置：'modal-popup-window'听起来像引导。您是使用引导弹出窗口还是创建自定义弹出窗口？我在这里使用了这个窗口，但我不知道如何在页面加载时触发“#login_form”。甚至尝试了一个php标题位置：'modal-popup-window'听起来像引导。您是使用引导弹出窗口还是创建自定义弹出窗口？我在这里使用了这个窗口，但我不知道如何在页面加载时触发“#login_form”。甚至尝试了一个php标题位置：'modal-popup-window'听起来像靴子