javascript - 引用js,換個文件夾路徑，就報錯，如下圖和代碼
問題描述
html中
文件夾
報錯
html代碼<!DOCTYPE html><html lang='en'><head>
<meta charset='UTF-8'><title>無縫向上滾動-原生js封裝</title><!--<link rel='shortcut icon' href='http://www.piao2010.com/public/image/favicon.ico' type='images/x-icon'/>--><!--<link rel='icon' href='http://www.piao2010.com/public/image/favicon.png' type='images/png'/>--><!--<link rel='stylesheet' type='text/css' href='http://www.piao2010.com/public/style/cssreset-min.css'>--><!--<link rel='stylesheet' type='text/css' href='http://www.piao2010.com/public/style/common.css'>--><style type='text/css'> .scrollup-container{width: 100%;/*border: 3px solid #ababab;*/-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;box-shadow: 2px 2px 10px #ababab;/*margin: 30px auto;*//*text-align: left;*/padding: 0px 25px;height: 40px;overflow: hidden; } .scrollup-list{height: 24px;line-height: 24px; }</style><script type='text/javascript' src='http://www.piao2010.com/wenda/js/scrollup.js'></script><!--<script type='text/javascript' src='http://www.piao2010.com/code/scrollup.js'></script>-->
</head><body>
<p id='scrollup1'> <ul class='scrollup-content'><li class='scrollup-list'>list-1</li><li class='scrollup-list'>list-2</li><li class='scrollup-list'>list-3</li><li class='scrollup-list'>list-4</li><li class='scrollup-list'>list-5</li><li class='scrollup-list'>list-6</li><li class='scrollup-list'>list-7</li><li class='scrollup-list'>list-8</li><li class='scrollup-list'>list-9</li> </ul></p><script type='text/javascript'> new scrollup('#scrollup1');</script>
</p></body></html>
js代碼
(function() {
var Scrollup = function(el, opts) { var self = this; var defaults = {interval: false, //是否開啟間隔滾動conlistH:1, //間隔滾動高度intimes:2000,time:40, } opts = opts || {}; for (var w in defaults) {if ('undefined' == typeof opts[w]) { opts[w] = defaults[w];} } this.params = opts; this.container = r(el); if (this.container.length > 1) {var x = [];return this.container.each(function() { x.push(new Scrollup(this, opts))}), x } this.containers = this.container[0]; this.content = this.container.find('.scrollup-content'); this.conlistH=this.content[0].children[0].offsetHeight; this.timer = null; this.timers = null; this.init();}Scrollup.prototype = { //初始化 init: function() {var self = this;this.copy_con(); }, //復制con copy_con: function() {var self = this;var panel = document.createElement('ul');panel.className = 'scrollup-content';panel.innerHTML = this.content[0].innerHTML;this.containers.appendChild(panel);if (this.params.interval) { this.timers = setTimeout(function() {self.startScroll(); }, self.params.intimes); self.containers.addEventListener(’mouseover’, function() {clearInterval(self.timer);clearTimeout(self.timers); }, false); self.containers.addEventListener(’mouseout’, function() {if (self.containers.scrollTop % 24 == 0) { clearInterval(self.timer); clearTimeout(self.timers); self.timers = setTimeout(function() {self.startScroll(); }, self.params.intimes);} else { clearInterval(self.timer); clearTimeout(self.timers); self.startScroll();} }, false);} else { this.setInt(); self.containers.addEventListener(’mouseover’, function() {clearInterval(self.timer); }, false); self.containers.addEventListener(’mouseout’, function() {self.setInt(); }, false);} }, //定時器 setInt: function() {var self = this;this.timer = setInterval(function() { self.scrollUp();}, self.params.time); }, //滾動 scrollUp: function() {var self = this;if (this.containers.scrollTop >= this.content[0].scrollHeight) { this.containers.scrollTop = 0;} else { this.containers.scrollTop++;} }, //間隔滾動 startScroll: function() {var self = this;this.timer = setInterval(function() { self.scrollUpcy();}, self.params.time);this.containers.scrollTop++; }, scrollUpcy: function() {var self = this;if (this.containers.scrollTop % (this.conlistH*this.params.conlistH) == 0) { clearInterval(this.timer); this.timers = setTimeout(function() {self.startScroll(); }, self.params.intimes);} else { this.containers.scrollTop++; if (this.containers.scrollTop >= this.containers.scrollHeight / 2) {this.containers.scrollTop = 0; }} }}
var r = (function() { var e = function(e) {var a = this, t = 0;for (t = 0; t < e.length; t++) { a[t] = e[t];}return a.length = e.length, this }; e.prototype = {addClass: function(e) { if ('undefined' == typeof e) return this; for (var a = e.split(' '), t = 0; t < a.length; t++)for (var r = 0; r < this.length; r++) this[r].classList.add(a[t]); return this},each: function(e) { for (var a = 0; a < this.length; a++) e.call(this[a], a, this[a]); return this},html: function(e) { if ('undefined' == typeof e) return this[0] ? this[0].innerHTML : void 0; for (var a = 0; a < this.length; a++) this[a].innerHTML = e; return this},find: function(a) { for (var t = [], r = 0; r < this.length; r++)for (var i = this[r].querySelectorAll(a), s = 0; s < i.length; s++) t.push(i[s]); return new e(t)},append: function(a) { var t, r; for (t = 0; t < this.length; t++)if ('string' == typeof a) { var i = document.createElement('p'); for (i.innerHTML = a; i.firstChild;) this[t].appendChild(i.firstChild)} else if (a instanceof e)for (r = 0; r < a.length; r++) this[t].appendChild(a[r]); else this[t].appendChild(a); return this}, } var a = function(a, t) {var r = [], i = 0;if (a && !t && a instanceof e) { return a;}if (a) { if ('string' == typeof a) {var s, n, o = a.trim();if (o.indexOf('<') >= 0 && o.indexOf('>') >= 0) { var l = 'p'; for (0 === o.indexOf('<li') && (l = 'ul'), 0 === o.indexOf('<tr') && (l = 'tbody'), (0 === o.indexOf('<td') || 0 === o.indexOf('<th')) && (l = 'tr'), 0 === o.indexOf('<tbody') && (l = 'table'), 0 === o.indexOf('<option') && (l = 'select'), n = document.createElement(l), n.innerHTML = a, i = 0; i < n.childNodes.length; i++) r.push(n.childNodes[i])} else for (s = t || '#' !== a[0] || a.match(/[ .<>:~]/) ? (t || document).querySelectorAll(a) : [document.getElementById(a.split('#')[1])], i = 0; i < s.length; i++) s[i] && r.push(s[i]) } else if (a.nodeType || a === window || a === document) {r.push(a); } else if (a.length > 0 && a[0].nodeType) {for (i = 0; i < a.length; i++) { r.push(a[i]);} }}return new e(r) }; return a;}())window.scrollup = Scrollup;
})()
問題解答
回答1：因為你的路徑沒有寫對啊
<script type='text/javascript' src='http://www.piao2010.com/js/scrollup.js'></script>回答2：
為什么少了兩個點
少了../
回答4：建議你先去了解一下相對路徑和絕對路徑的概念
回答5：src='http://www.piao2010.com/js/scrollup.js' 這個樣子的 你的路徑問題還是很明顯的 建議去學習一下 這也是很重要的一點
回答6：樓主，你這不是明顯的少了..，看來你得了解一下相對路徑這個概念了
回答7：./當前路徑,../上級路徑,./../
網公網安備