我的test1.js无法在html中运行

时间:2015-06-15 07:19:30

标签: javascript jquery html css

的test.html

<!DOCTYPE html>
<html>
   <head>
      <script  src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>                 
      <script type="text/javascript" href="test1.js"></script>
      <link type="text/css" rel="stylesheet" href="test2.css">
   </head>
   <body>
      <div></div>
   </body>
</html>

css test2.css

div {
    background - color: #000000;
    height:400px;
}

test1.js

$(document).ready(function() {
    $('div').fadeOut('slow');
});

页面加载div时不会淡出。 浏览器无法识别js文件

2 个答案:

答案 0 :(得分:4)

<script type="text/javascript" href="test1.js"></script>

将其更改为.. beacause href用于<a>代码。

如果你想加载外部脚本,你需要使用src='value/location'

<script type="text/javascript" src="test1.js"></script>

答案 1 :(得分:0)

脚本引用应该具有src属性而不是href。 使用此

<script type="text/javascript" src="test1.js"></script>