[英]How to properly link Javascript to html page
I have javascript that was once inserted directly into my html page. 我曾经将javascript直接插入到我的html页面中。 It got to large and I decided to move it to a separate file.
它太大了,我决定将其移动到单独的文件中。 But I am not sure how to link the two.
但是我不确定如何将两者联系起来。 I attempted to do so but the javascript won't work.
我试图这样做,但是javascript无法正常工作。
This is the link I use in my html header 这是我在html标头中使用的链接
<script src="js/index_slide.js"></script>
And this is my javascript for the file index_slide.js 这是我的JavaScript文件index_slide.js
<script type="text/javascript">
$(document).ready(function() {
$('#bottom_logo').click(function(event) {
event.preventDefault();
var position = $('#main_div_wide_wrapper').position().left;
var width = $( document ).width();
var slide = ($('#main_div_wide_wrapper').position().left/$( document ).width()) *-1;
if ( slide == '0') {
}
if ( slide == '1') {
$('#main_div_wide_wrapper').animate({
'left' : '+=100%' //moves left
});
}
if ( slide == '2') {
$('#main_div_wide_wrapper').animate({
'left' : '+=200%' //moves left
});
}
if ( slide == '3') {
$('#main_div_wide_wrapper').animate({
'left' : '+=300%' //moves left
});
}
if ( slide == '4') {
$('#main_div_wide_wrapper').animate({
'left' : '+=400%' //moves left
});
}
});//end bottom_logo
$('#about').click(function(event) {
event.preventDefault();
var position = $('#main_div_wide_wrapper').position().left;
var width = $( document ).width();
var slide = ($('#main_div_wide_wrapper').position().left/$( document ).width()) *-1;
if ( slide == '0') {
$('#main_div_wide_wrapper').animate({
'left' : '-=100%' //moves left
});
}
if ( slide == '1') {
}
if ( slide == '2') {
$('#main_div_wide_wrapper').animate({
'left' : '+=100%' //moves left
});
}
if ( slide == '3') {
$('#main_div_wide_wrapper').animate({
'left' : '+=200%' //moves left
});
}
if ( slide == '4') {
$('#main_div_wide_wrapper').animate({
'left' : '+=300%' //moves left
});
}
});//end about
$('#services').click(function(event) {
event.preventDefault();
var position = $('#main_div_wide_wrapper').position().left;
var width = $( document ).width();
var slide = ($('#main_div_wide_wrapper').position().left/$( document ).width()) *-1;
if ( slide == '0') {
$('#main_div_wide_wrapper').animate({
'left' : '-=200%' //moves left
});
}
if ( slide == '1') {
$('#main_div_wide_wrapper').animate({
'left' : '-=100%' //moves left
});
}
if ( slide == '2') {
}
if ( slide == '3') {
$('#main_div_wide_wrapper').animate({
'left' : '+=100%' //moves left
});
}
if ( slide == '4') {
$('#main_div_wide_wrapper').animate({
'left' : '+=200%' //moves left
});
}
});//end services
$('#designs').click(function(event) {
event.preventDefault();
var position = $('#main_div_wide_wrapper').position().left;
var width = $( document ).width();
var slide = ($('#main_div_wide_wrapper').position().left/$( document ).width()) *-1;
if ( slide == '0') {
$('#main_div_wide_wrapper').animate({
'left' : '-=300%' //moves left
});
}
if ( slide == '1') {
$('#main_div_wide_wrapper').animate({
'left' : '-=200%' //moves left
});
}
if ( slide == '2') {
$('#main_div_wide_wrapper').animate({
'left' : '-=100%' //moves left
});
}
if ( slide == '3') {
}
if ( slide == '4') {
$('#main_div_wide_wrapper').animate({
'left' : '+=100%' //moves left
});
}
});//end designs
$('#contact').click(function(event) {
event.preventDefault();
var position = $('#main_div_wide_wrapper').position().left;
var width = $( document ).width();
var slide = ($('#main_div_wide_wrapper').position().left/$( document ).width()) *-1;
if ( slide == '0') {
$('#main_div_wide_wrapper').animate({
'left' : '-=400%' //moves left
});
}
if ( slide == '1') {
$('#main_div_wide_wrapper').animate({
'left' : '-=300%' //moves left
});
}
if ( slide == '2') {
$('#main_div_wide_wrapper').animate({
'left' : '-=200%' //moves left
});
}
if ( slide == '3') {
$('#main_div_wide_wrapper').animate({
'left' : '-=100%' //moves left
});
}
if ( slide == '4') {
}
});//end contact
});
</script>
How can I get the javascript to work when in another file? 在另一个文件中时,如何使JavaScript工作?
You can remove the 您可以删除
<script type="text/javascript">
and the bottom </script>
from the .js file .js文件中的底部
</script>
1) You have to link jquery 1)你必须链接jQuery
2) Remove the script tags in *index_slide.js* 2)删除* index_slide.js *中的脚本标签
3) Don't forget to put the jQuery link before your script. 3)不要忘记将jQuery链接放在脚本之前。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.