gpt4 book ai didi

javascript - 使用此方法的 HTML 更改不透明度 onload 将不起作用

转载 作者:搜寻专家 更新时间:2023-10-31 22:17:57 26 4
gpt4 key购买 nike

我有这样的代码:

<body style='opacity:0' onload='this.style.opacity=1'>

我想在加载完所有内容后更改主体的不透明度。 this 无法正常工作有什么原因吗?我可以更改 this 不透明度吗?如果我通过标记 body 进行引用,它将起作用。例如使用 jquery:

<body style='opacity:0' onload='$("body")[0].style.opacity=1'>

会工作但是:

<body style='opacity:0' onload='$(this)[0].style.opacity=1'>

不会工作。我能以某种方式使用 this 吗?

最佳答案

Is there a reason 'this' wont work.

thisonload 中没有说明它为什么不起作用的上下文。

If I reference by the tag 'body' it will work

$("body")[0] 引用正文说明它为什么有效,您也可以使用 document.body

When I onload='alert(this)' why do I get an object?

因为 this 关键字在全局范围内引用 window 对象。


因为您使用的是 jQuery,所以您可以避免内联事件并使用 ready 函数而不是 onload 并使用 css() 更改样式> :

//When the page is fully loaded
$(function(){
//Change the opacity to 1
$("body").css('opacity','1');
});

希望这对您有所帮助。

关于javascript - 使用此方法的 HTML 更改不透明度 onload 将不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46551644/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com