Anjjie_Hi  
web前端开发过程遇到的问题及解决方式（一）

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

 

如有更好的方式实现，可以互相学习的呢！今天又是美好的一天！加油！

posted on 2018-07-05 16:00  Anjjie_Hi  阅读(2452)  评论(0)  编辑  收藏  举报
 
Copyright © 2024 Anjjie_Hi
Powered by .NET 9.0 on Kubernetes
博客园