gpt4 book ai didi

javascript - 本地 html 文件不会运行 javascript(在任何浏览器上)

转载 作者:行者123 更新时间:2023-11-28 03:00:45 25 4
gpt4 key购买 nike

我尝试在 Google 上进行搜索,但我不确定找到的任何问题是否真的与我的问题相关。

非常简单。我的电脑上有一个 html 文件,屏幕上只有一个按钮。

我有一个 .css 文件的链接,该文件位于与我的 html 相同的文件夹中。 .css 运行良好。颜色和形状的属性正在运行。

而且我还有一个 .js 文件,其中包含一段代码,可以使该按钮产生淡出淡入效果。

我正在 codecademy.com 上学习 HTML(和其他东西)。他们在那里有一个测试环境,我的代码运行良好。

但在本地(正如我所描述的)javascript 代码不会运行。没有淡出淡入效果。

我在不同的浏览器(Chrome、IE、Edge...)上尝试过,没有任何交易。还尝试打开 IE 上的所有安全性,允许事件内容和许多其他项目。

以下是我的 html、.css 和 js 代码:

HTML file (name of the file botao.html):
<title> Button Magic </title>
<link rel='stylesheet' type='text/css' href='stylebotao.css' >
<script type='text/javascript' src='script.js'> </script>
</head>
<body>
<div> <br/> strong Click me! </strong> </div>
</body>
</html>

CSS 文件(文件名 stylebotao.css)

div  {
height: 60px;
width: 100px;
border-radius: 5px;
background-color: #69D2E7;
text-align: center;
color: #FFFFFF;
font-family: Verdana, Arial, Sans-Serif;
opacity: 0.5;
}

Javascript文件(文件名script,js)

$('div').mouseenter(function(){$(this).fadeTo('fast',1)});
$('div').mouseleave(function(){$(this).fadeTo('fast',0.1)})

我该怎么办?

最佳答案

我猜你没有包含 jQuery,所以 $ 选择器没有定义。因此,当您尝试 $('div').mouseenter(function(){$(this).fadeTo('fast',1)}); 时,它会报错告诉您 $ 不是函数(如果您打开控制台,您将能够看到)。所以解决方案是要么使用纯 javascript,要么在脚本之前包含 jquery。

顺便说一句:最好在 DOM 完全加载后运行 javascript,这样您就可以确定在代码运行时引用的元素就在那里。在 jquery 中你可以这样做:

$(function () {
//your code here
});

关于javascript - 本地 html 文件不会运行 javascript(在任何浏览器上),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34814514/

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