1. 程式人生 > >web前端開發過程遇到的問題及解決方式(一)

web前端開發過程遇到的問題及解決方式(一)

樣式優先級 語句 前端 port web前端開發 css樣式 重復 fun clas

1. CSS樣式優先級問題

技術分享圖片
 1 <style>
 2 
 3 .className input(可換其他元素){
 4 
 5     type:val !important;
 6 }
 7 
 8 </style>
 9 
10 <body>
11 
12     <div class="className">
13 
14         <input type="text" value="">
15 
16     </div>
17 
18 </body>    
View Code

2. JS 自動生成html時,而不需要重復生成該html語句,處理方案如下:

技術分享圖片
1 $("元素/ID/className").remove().ready(function(){
2 
3     //重新生成代碼JS
4 
5 });
View Code

3. JS 搬運到嵌套的html的head中運行,代碼如下:

技術分享圖片
 1 <head>
 2 
 3     <div id=‘script‘ style="display:none;">
 4 
 5         <script>
 6 
 7         //腳本函數
 8 
 9         </script>
10 
11     </div>
12 13 </head> 14 15 <body> 16 17 <script> 18 19 window.onload=function(){ 20 21 var getScript=$("#script").html(); 22 23 $("head").html("<div id=‘script‘ sty le=‘display:none;‘>"+getScript+"</div>"); 24 25 } 26 27 </
script> 28 29 </body>
View Code

如有更好的方式實現,可以互相學習的呢!今天又是美好的一天!加油!

web前端開發過程遇到的問題及解決方式(一)