Javascript 页面加载时显示div，样式显示：无_Javascript_Jquery

Javascript 页面加载时显示div，样式显示：无

javascript jquery

Javascript 页面加载时显示div，样式显示：无,javascript,jquery,Javascript,Jquery,我想在页面加载上显示div，例如“活动警报”，但我无法执行此操作这是示例代码： <div id="popup"> <div id="campaign-alert" style="display:none;"> . . . </div> </div> 有人能帮我吗？试试这个。它会帮助你的使用Jquery $(document).ready(function () { $("#campaign-alert").sh

我想在页面加载上显示div，例如“活动警报”，但我无法执行此操作

这是示例代码：

<div id="popup"> 
<div id="campaign-alert" style="display:none;">
.
.
.

</div>
</div>

有人能帮我吗？

试试这个。它会帮助你的

使用Jquery

$(document).ready(function () {
              $("#campaign-alert").show();
        });

使用JavaScript

window.onload = function () {
     document.getElementById("campaign-alert").style.display = "block";
};

试试这个。它会帮助你的

使用Jquery

$(document).ready(function () {
              $("#campaign-alert").show();
        });

使用JavaScript

window.onload = function () {
     document.getElementById("campaign-alert").style.display = "block";
};

其中#活动警报选择id为活动警报的元素

其中#campaign alert选择id为campaign alert的元素

您可以使用onload（）进行尝试

HTML:

<body onload="load()">
<div id="popup"> 
<div id="campaign-alert" style="display:none;">
.
.
.

</div>
</div>
</body>

function load(){
document.getElementById('campaign-alert').style.display="block";
}

您可以使用onload（）进行尝试

HTML:

<body onload="load()">
<div id="popup"> 
<div id="campaign-alert" style="display:none;">
.
.
.

</div>
</div>
</body>

function load(){
document.getElementById('campaign-alert').style.display="block";
}

您可以使用下面的功能完成它的工作和测试

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        function remove_style(all)
        {
            var i = all.length;
            var j, is_hidden;
            var attr =
            [
                'style'
            ];

            var attr_len = attr.length;

            console.log(attr_len);
            j = attr_len;

            all.removeAttribute(attr[0]);
        }

        function showdiv()
        {
            var all = document.getElementById('campaign-alert');
            remove_style(all);
        }
    </script>

</head>
<body onload="showdiv();">
<div id="popup"> 
<div id="campaign-alert" style="display:none;">
<h1>show me </h1>
</div>
</div>
</body>
</html>


功能移除_样式（全部）
{
var i=全部长度；
变量j是隐藏的；
var属性=
[
“风格”
];
var attr_len=attr.length；
控制台日志（attr_len）；
j=attr_len；
all.removeAttribute（attr[0]）；
}
函数showdiv（）
{
var all=document.getElementById（'campaign-alert'）；
删除_样式（全部）；
}
向我展示

您可以使用下面的功能进行操作，该功能正在运行并经过测试

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        function remove_style(all)
        {
            var i = all.length;
            var j, is_hidden;
            var attr =
            [
                'style'
            ];

            var attr_len = attr.length;

            console.log(attr_len);
            j = attr_len;

            all.removeAttribute(attr[0]);
        }

        function showdiv()
        {
            var all = document.getElementById('campaign-alert');
            remove_style(all);
        }
    </script>

</head>
<body onload="showdiv();">
<div id="popup"> 
<div id="campaign-alert" style="display:none;">
<h1>show me </h1>
</div>
</div>
</body>
</html>


功能移除_样式（全部）
{
var i=全部长度；
变量j是隐藏的；
var属性=
[
“风格”
];
var attr_len=attr.length；
控制台日志（attr_len）；
j=attr_len；
all.removeAttribute（attr[0]）；
}
函数showdiv（）
{
var all=document.getElementById（'campaign-alert'）；
删除_样式（全部）；
}
向我展示

尝试以下操作

$(function () {
$("#campaign-alert").show();
});

试试下面的方法

$(function () {
$("#campaign-alert").show();
});


文件
1.
2.
3.
函数myFunction（）{
document.getElementById（“活动警报”）.style.display=“块”；
}


文件
1.
2.
3.
函数myFunction（）{
document.getElementById（“活动警报”）.style.display=“块”；
}

您将Javascript放在文件中的什么位置？它必须在加载DOM后运行。为什么会标记为jquery？。控制台中出现任何错误，请确保在浏览器创建“活动警报”div后执行javascript。这意味着您需要等待文档“准备就绪”（正如一些答案所示），或者将

标记放在HTML文件中的

标记之后。一旦这样做了，两行代码中的任何一行都可以工作。第一行更好。你把Javascript放在文件的什么地方了？它必须在加载DOM后运行。为什么会标记为jquery？。控制台中出现任何错误，请确保在浏览器创建“活动警报”div后执行javascript。这意味着您需要等待文档“准备就绪”（正如一些答案所示），或者将

标记放在HTML文件中的

标记之后。一旦这样做了，两行代码中的任何一行都可以工作。第一行更好。OP标记了jQuery，但他似乎没有使用它，也许你可以使用纯JS解决方案（以防万一）。OP标记了jQuery，但他似乎没有使用它，也许你可以使用纯JS解决方案（以防万一）。