當前位置：首頁 » 網站代碼 » js代碼重用

js代碼重用

發布時間: 2021-03-17 12:24:17

A. 如何實現單頁面js代碼復用呢，比如我現在想做個輪播js

為什麼是「單頁面js代碼復用」，而不是功能復用（方法重用）。
輪播js 自己封裝個控制項出來就好了。

B. javascript代碼復用的設計思想請教

可以試著把一些通用的方法分離出來，寫成一個common.js。細小差別可以通過設定不同type值作為區別標示。
有時間可以看看關於JavaScript模塊化的知識。

C. 如何通過模塊化的方式讓Javascript代碼避免重復執行

可以使用mole模式對代碼進行重用和模塊化。假設在文件1.js定義mole如下：
var Mole = (function(plication) {
var _private = '';//private variable here

var plication = {};
plication.foo = function() {
if(...) {
for(...) {
//define your plication here
}
}
};

return plication;//return the public variable
} (Mole || {}));

在你的文件2.js中就可以這樣使用：
var Mole = (function(plication) {
return plication;
} (Mole || {}));

Mole.foo();//use the method defined in 1.js

這樣就把一個mole分割到了多個文件中，將代碼重復部分定義為 public ，彼此可以交叉訪問和使用，因為我採用的是松耦合，也可以對函數進行重構，如下：
var Mole = (function(plication) {
plication.foo = function() {
//refactor method foo here
}
return plication;
} (Mole || {}));

而私有部分則定義為 private ,一般不建議訪問彼此的私有對象。

D. 引入js文件除了代碼重用還有什麼優點

效率是一樣的！但是寫在JS文件裡面不會跟html混淆代碼，然後有些公用的JS方法就無需重寫了~ 可以直接載入同一JS文件，減小網頁負重！

E. 求指導web項目開發，前端js代碼提高復用性

把原來的這些js文件裡面的什麼id name class 都用一個變數就可以了撒，調用的時候傳不同的進去就可以了

F. javascript代碼封裝成組件，方便重用，怎麼做

<html>

<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>JS字幕打字效果</title>
<styletype="text/css">
body{
font-family:Arial;
margin-top:0px;
background-repeat:no-repeat;
padding-top:100px;
}

#myContent,#myContentblink{
width:500px;
height:200px;
background:black;
color:#00FF00;
font-family:courier;
}

blink{
display:inline;
}
</style>
<scripttype="text/javascript">
varYUGI={
charIndex:-1,
stringLength:0,
inputText:null,
currentStyle:'inline',
writeContent:function(init,contentToWrite,myContent){
varcharIndex=YUGI.charIndex;
varstringLength=YUGI.stringLength;
varinputText=YUGI.inputText;
if(init){
YUGI.inputText=inputText=document.getElementById(contentToWrite).innerHTML;
}
if(charIndex==-1){
charIndex=0;
YUGI.stringLength=stringLength=inputText.length;
}
varmc=document.getElementById(myContent);
varinitString=mc.innerHTML;
initString=initString.replace(/<SPAN.*$/gi,"");
vartheChar=inputText.charAt(charIndex);
varnextFourChars=inputText.substr(charIndex,4);
if(nextFourChars=='<BR>'||nextFourChars=='<br>'){
theChar='<BR>';
charIndex+=3;
}
initString=initString+theChar+"<SPANid='blink'>_</SPAN>";
mc.innerHTML=initString;
YUGI.charIndex=charIndex=charIndex/1+1;
varbl=document.getElementById("blink");
if(charIndex%2==1){
bl.style.display='none';
}else{
bl.style.display='inline';
}
if(charIndex<=stringLength){
setTimeout(function(){
YUGI.writeContent(false,"contentToWrite","myContent");
},150);
}else{
YUGI.blinkSpan(bl);
}
},
blinkSpan:function(blink){
varcurrentStyle=YUGI.currentStyle;
if(currentStyle=='inline'){
currentStyle='none';
}else{
currentStyle='inline';
}
blink.style.display=currentStyle;
setTimeout(function(){
YUGI.blinkSpan(blink);
},500);
}
};
</script>
</head>

<body>
<divid="myContent"></div>
<divid="contentToWrite"style="display:none">Login:username
<br>password:******
<br>Accessisgranted
<br>
</div>
<scripttype="text/javascript">
YUGI.writeContent(true,"contentToWrite","myContent");
</script>
</body>

</html>

G. 如何把HTML代碼單獨寫然後重用

將代碼放入一個html頁面中然後

1、iframe 可以載入html頁面

2、js ajax Ajax.load() 可以實現載入html頁面

那補充下吧：

比如用方法一：

123.html

<html>
<head></head>
<body>
123123123
</body>
</html>

456.html

<html>
<head></head>
<body>
<iframe src="./123.html" frameborder="0" scrolling="no" height="100px" width="100px" noresize="noresize"></iframe>
</body>
</html>

你可以測試下

H. 如何讓js代碼重復使用

不太明白你的描述。。
你是多個頁面要使用同一個函數，還是一個頁面要使用同一個函數？

怎麼會出現需要復制粘貼改id才能使用的函數？你是使用閉合方式寫的對象裡面的函數么？

I. html 代碼重用

在靜態的html中，可以利用Dreamweaver存為模板或者庫文件。需要的適合從模板存版在html的新頁面即權可。更新模板。其它頁面也會相應改變。如果是動態的在asp中也有include的。如

J. 在網頁中重復使用Js代碼

html頁面調用一下js文件。你的js單獨放在一個文件。html里就<script>調用，加一下js文件的路徑。然後在使用你的函數名dynOpacity(傳入參數)

閱讀全文

js代碼重用

與js代碼重用相關的閱讀推薦