许琴
许琴

js显示隐藏DIV

 

  
  
  
  
    
   
   
   
   
  1. <html>   
    2. 
   
   
   
   
  2. <head>   
    3. 
   
   
   
   
  3. <meta http-equiv="Content-Type" content="text/html; charset=GBK" />    
    4. 
   
   
   
   
  4. <script language="JavaScript" type="text/JavaScript">   
    5. 
   
   
   
   
  5. <!--   
    6. 
   
   
   
   
  6. function toggle(targetid){   
    7. 
   
   
   
   
  7.      if (document.getElementById){   
    8. 
   
   
   
   
  8.          target=document.getElementById(targetid);   
    9. 
   
   
   
   
  9.              if (target.style.display=="block"){   
    10. 
   
   
   
   
  10.                  target.style.display="none";   
    11. 
   
   
   
   
  11.              } else {   
    12. 
   
   
   
   
  12.                  target.style.display="block";   
    13. 
   
   
   
   
  13.              }   
    14. 
   
   
   
   
  14.      }   
    15. 
   
   
   
   
  15. }   
    16. 
   
   
   
   
  16. //-->   
    17. 
   
   
   
   
  17. </script>   
    18. 
   
   
   
   
  18. <style type="text/css">   
    19. 
   
   
   
   
  19. <!--   
    20. 
   
   
   
   
  20. #div1{   
    21. 
   
   
   
   
  21. background-color:#360;   
    22. 
   
   
   
   
  22. height:400px;   
    23. 
   
   
   
   
  23. width:400px;   
    24. 
   
   
   
   
  24. display:none;   
    25. 
   
   
   
   
  25. }   
    26. 
   
   
   
   
  26. -->   
    27. 
   
   
   
   
  27. </style>   
    28. 
   
   
   
   
  28. </head>   
    29. 
   
   
   
   
  29.    
    30. 
   
   
   
   
  30. <body> 
    31. 
   
   
   
   
  31. <form> 
    32. 
   
   
   
   
  32. <input type="file" id="butn" value="显示/隐藏" onchange="toggle('div1')" /> 
    33. 
   
   
   
   
  33. </form> 
    34. 
   
   
   
   
  34. <center>   
    35. 
   
   
   
   
  35.     <div id="div1"></div> 
    36. 
   
   
   
   
  36. </center>   
    37. 
   
   
   
   
  37. 居中的DIV   
    38. 
   
   
   
   
  38. </body>   
    39. 
   
   
   
   
  39. </html>   
    40.

 

 

下面是更多参考资料：

 

  
  
  
  
    
   
   
   
   
  1. <html> 
    2. 
   
   
   
   
  2. <head> 
    3. 
   
   
   
   
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
    4. 
   
   
   
   
  4. <title>div隐藏与显示</title> 
    5. 
   
   
   
   
  5. <style type=text/css> 
    6. 
   
   
   
   
  6. #menus { 
    7. 
   
   
   
   
  7.        background-color: #c4cff0;       
    8. 
   
   
   
   
  8.       } 
    9. 
   
   
   
   
  9. </style> 
    10. 
   
   
   
   
  10. <script   language=javascript> 
    11. 
   
   
   
   
  11. function Layer_HideOrShow(cur_div) 
    12. 
   
   
   
   
  12. { var current=document.getElementById(cur_div); 
    13. 
   
   
   
   
  13.    if(current.style.visibility=="hidden") 
    14. 
   
   
   
   
  14.      { 
    15. 
   
   
   
   
  15.        current.style.visibility ="visible"; 
    16. 
   
   
   
   
  16.      } 
    17. 
   
   
   
   
  17.    else 
    18. 
   
   
   
   
  18.     { 
    19. 
   
   
   
   
  19.       current.style.visibility ="hidden"; 
    20. 
   
   
   
   
  20.     } 
    21. 
   
   
   
   
  21. } 
    22. 
   
   
   
   
  22. </script> 
    23. 
   
   
   
   
  23. </head> 
    24. 
   
   
   
   
  24. <body> 
    25. 
   
   
   
   
  25. <p>　</p> 
    26. 
   
   
   
   
  26. <table border="0" width="153" cellpadding="0" style="border-collapse: collapse" id="table1" height="101"> 
    27. 
   
   
   
   
  27. <tr> 
    28. 
   
   
   
   
  28.    <td> 
    29. 
   
   
   
   
  29.    <a href="#" onclick="Layer_HideOrShow('menus');"><img border="0" src="http://www.shuifutour.com/images/456.gif" width="153" height="25"></a></td> 
    30. 
   
   
   
   
  30. </tr> 
    31. 
   
   
   
   
  31. <tr> 
    32. 
   
   
   
   
  32.    <td> 
    33. 
   
   
   
   
  33.    <div id="menus"> 
    34. 
   
   
   
   
  34.     <table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" height="150" id="table2"> 
    35. 
   
   
   
   
  35.      <tr> 
    36. 
   
   
   
   
  36.       <td>　</td> 
    37. 
   
   
   
   
  37.      </tr> 
    38. 
   
   
   
   
  38.     </table> 
    39. 
   
   
   
   
  39.    </div></td> 
    40. 
   
   
   
   
  40. </tr> 
    41. 
   
   
   
   
  41. </table> 
    42. 
   
   
   
   
  42. </body> 
    43. 
   
   
   
   
  43. </html> 
    44. 
   
   
   
   
  44. ==================== 
    45. 
   
   
   
   
  45. <html> 
    46. 
   
   
   
   
  46. <head> 
    47. 
   
   
   
   
  47. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    48. 
   
   
   
   
  48. <title>无标题文档</title> 
    49. 
   
   
   
   
  49. <script language="JavaScript" type="text/JavaScript"> 
    50. 
   
   
   
   
  50. <!-- 
    51. 
   
   
   
   
  51. function toggle(targetid){ 
    52. 
   
   
   
   
  52.      if (document.getElementById){ 
    53. 
   
   
   
   
  53.          target=document.getElementById(targetid); 
    54. 
   
   
   
   
  54.              if (target.style.display=="block"){ 
    55. 
   
   
   
   
  55.                  target.style.display="none"; 
    56. 
   
   
   
   
  56.              } else { 
    57. 
   
   
   
   
  57.                  target.style.display="block"; 
    58. 
   
   
   
   
  58.              } 
    59. 
   
   
   
   
  59.      } 
    60. 
   
   
   
   
  60. } 
    61. 
   
   
   
   
  61. --> 
    62. 
   
   
   
   
  62. </script> 
    63. 
   
   
   
   
  63. <style type="text/css"> 
    64. 
   
   
   
   
  64. <!-- 
    65. 
   
   
   
   
  65. #div1{ 
    66. 
   
   
   
   
  66. background-color:#000000; 
    67. 
   
   
   
   
  67. height:400px; 
    68. 
   
   
   
   
  68. width:400px; 
    69. 
   
   
   
   
  69. display:none; 
    70. 
   
   
   
   
  70. } 
    71. 
   
   
   
   
  71. --> 
    72. 
   
   
   
   
  72. </style> 
    73. 
   
   
   
   
  73. </head> 
    74. 
   
   
   
   
  74.  
    75. 
   
   
   
   
  75. <body> 
    76. 
   
   
   
   
  76. <input type="button" id="butn" value="显示/隐藏" onclick="toggle('div1')" /> 
    77. 
   
   
   
   
  77. <center> 
    78. 
   
   
   
   
  78. <div id="div1"></div></center> 
    79. 
   
   
   
   
  79. 居中的DIV 
    80. 
   
   
   
   
  80. </body> 
    81. 
   
   
   
   
  81. </html> 
    82. 
   
   
   
   
  82. ======================= 
    83. 
   
   
   
   
  83. 3.javascript 控制 html元素 显示/隐藏 
    84. 
   
   
   
   
  84.  
    85. 
   
   
   
   
  85. 1。编写js函数 
    86. 
   
   
   
   
  86.  
    87. 
   
   
   
   
  87. <script type="text/javascript"> 
    88. 
   
   
   
   
  88.  
    89. 
   
   
   
   
  89.    function display(id){ 
    90. 
   
   
   
   
  90.  
    91. 
   
   
   
   
  91.        var traget=document.getElementById(id); 
    92. 
   
   
   
   
  92.         if(traget.style.display=="none"){ 
    93. 
   
   
   
   
  93.                 traget.style.display=""; 
    94. 
   
   
   
   
  94.         }else{ 
    95. 
   
   
   
   
  95.                 traget.style.display="none"; 
    96. 
   
   
   
   
  96.       } 
    97. 
   
   
   
   
  97.    } 
    98. 
   
   
   
   
  98. </script> 
    99. 
   
   
   
   
  99.  
    100. 
   
   
   
   
  100. 2. 要显示/隐藏的html元素加上 id 属性 
    101. 
   
   
   
   
  101.  
    102. 
   
   
   
   
  102. <table> 
    103. 
   
   
   
   
  103.  
    104. 
   
   
   
   
  104.     <tr id="menu" >    
    105. 
   
   
   
   
  105.  
    106. 
   
   
   
   
  106.        <td>控制这个tr的显示/隐藏</td> 
    107. 
   
   
   
   
  107.  
    108. 
   
   
   
   
  108.    </tr> 
    109. 
   
   
   
   
  109.  
    110. 
   
   
   
   
  110. </table> 
    111. 
   
   
   
   
  111.  
    112. 
   
   
   
   
  112. 3，添加按钮，链接等触发 js 函数 
    113. 
   
   
   
   
  113.  
    114. 
   
   
   
   
  114. <input type="button" onclick="display('menu')"   value="显示/隐藏"/> 
    115. 
   
   
   
   
  115.  
    116. 
   
   
   
   
  116. <a href="#"   onclick="display('menu')"   >显示/隐藏</a> 
    117. 
   
   
   
   
  117.  
    118. 
   
   
   
   
  118. javascript显示隐藏层<div id="" style="display:none;">广告</div> 
    119. 
   
   
   
   
  119. <input type="botton" onclick="函数"> 
    120. 
   
   
   
   
  120.  
    121. 
   
   
   
   
  121. <script language=javascript> 
    122. 
   
   
   
   
  122. function 函数{ 
    123. 
   
   
   
   
  123. if(thisdiv.style.display=='none'){  
    124. 
   
   
   
   
  124. thisdiv.style.display="" 
    125. 
   
   
   
   
  125. } 
    126. 
   
   
   
   
  126. else 
    127. 
   
   
   
   
  127. thisdiv.style.display="none" 
    128. 
   
   
   
   
  128. } 
    129. 
   
   
   
   
  129.  
    130. 
   
   
   
   
  130. </script>你先给div 取个ID=“AA”thisdiv=AA 
    131. 
   
   
   
   
  131.  
    132. 
   
   
   
   
  132. javascript隐藏/显示表单对象 
    133. 
   
   
   
   
  133. javascript隐藏/显示表单对象  
    134. 
   
   
   
   
  134. [SCRIPT language=JavaScript] 
    135. 
   
   
   
   
  135. function expandIt(el) { 
    136. 
   
   
   
   
  136.      whichEl =document.getElementById(el) 
    137. 
   
   
   
   
  137.      if (whichEl.style.display ==   'none') { 
    138. 
   
   
   
   
  138.       whichEl.style.display   = ''; 
    139. 
   
   
   
   
  139.      } 
    140. 
   
   
   
   
  140.      else { 
    141. 
   
   
   
   
  141.       whichEl.style.display   = 'none'; 
    142. 
   
   
   
   
  142.      } 
    143. 
   
   
   
   
  143.      } 
    144. 
   
   
   
   
  144.    
    145. 
   
   
   
   
  145. [/SCRIPT] 
    146. 
   
   
   
   
  146.  
    147. 
   
   
   
   
  147. el是对象的id，不管是tr或者table等等先设置一下id，然后进行调用。 
    148. 
   
   
   
   
  148.  
    149. 
   
   
   
   
  149. 例： 
    150. 
   
   
   
   
  150.  
    151. 
   
   
   
   
  151. [a onclick="expandIt('ttchild'); return false" href="#" ]try it[/a] 
    152. 
   
   
   
   
  152.  
    153. 
   
   
   
   
  153. [tr id="ttchild"][td width="18"]Example[/td][/tr] 
    154. 
   
   
   
   
  154.  
    155. 
   
   
   
   
  155. 使用时把[]变成<> 
    156. 
   
   
   
   
  156.  
    157. 
   
   
   
   
  157. javascript控制页面控件隐藏显示的两种方法 
    158. 
   
   
   
   
  158.  
    159. 
   
   
   
   
  159. javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位 
    160. 
   
   
   
   
  160. 方法一： 
    161. 
   
   
   
   
  161. document.all["PanelSMS"].style.visibility="hidden";  
    162. 
   
   
   
   
  162. document.all["PanelSMS"].style.visibility="visible"; 
    163. 
   
   
   
   
  163. 方法二： 
    164. 
   
   
   
   
  164. document.all["PanelSMS"].style.display="none";  
    165. 
   
   
   
   
  165. document.all["PanelSMS"].style.display="inline"; 
    166. 
   
   
   
   
  166. 方法一隐藏后 页面的位置还被控件占用 只是不显示 类似于.net验证控件的Display=Static 
    167. 
   
   
   
   
  167. 方法二隐藏后 页面的位置不被占用 类似于.net验证控件的Display=Dynamic 
    168. 
   
   
   
   
  168.  
    169. 
   
   
   
   
  169.  
    170. 
   
   
   
   
  170.  
    171. 
   
   
   
   
  171.  
    172. 
   
   
   
   
  172.  
    173. 
   
   
   
   
  173. ==================== 
    174. 
   
   
   
   
  174.  
    175. 
   
   
   
   
  175. 这个方法来我是从一个boblog模板上找到的，其实网络上也可以搜索到；只是网络上不看效果的转载让人难辩代码的错对和方便。用这个方法比用《给zblog再增3个功能：防刷、收缩侧栏、复制加版权》的效果要好，纯css隐藏div会刷新页面，但用js就不会了。 
    176. 
   
   
   
   
  176.  
    177. 
   
   
   
   
  177. 　　js代码如下，新建一个txt文件，复制进去，保存并修改文件后缀为js（例open.js）即可。我是把这个文件放在zblog的SCRIPT文件夹里，这里js比较多…… 
    178. 
   
   
   
   
  178.  
    179. 
   
   
   
   
  179.  程序代码function showhidediv(id){ 
    180. 
   
   
   
   
  180.    try{ 
    181. 
   
   
   
   
  181.      var sbtitle=document.getElementById(id); 
    182. 
   
   
   
   
  182.      if(sbtitle){ 
    183. 
   
   
   
   
  183.        if(sbtitle.style.display=='block'){ 
    184. 
   
   
   
   
  184.          sbtitle.style.display='none'; 
    185. 
   
   
   
   
  185.        }else{ 
    186. 
   
   
   
   
  186.          sbtitle.style.display='block'; 
    187. 
   
   
   
   
  187.        } 
    188. 
   
   
   
   
  188.      } 
    189. 
   
   
   
   
  189.    }catch(e){} 
    190.

 

你可能感兴趣的:(js,div,隐藏)

  • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
    el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
  • C#中使用split分割字符串 互联网打工人no1 c#
    1、用字符串分隔：usingSystem.Text.RegularExpressions;stringstr="aaajsbbbjsccc";string[]sArray=Regex.Split(str,"js",RegexOptions.IgnoreCase);foreach(stringiinsArray)Response.Write(i.ToString()+"");输出结果：aaabbbc
  • 从鸡肉高汤到记忆的魔法再到有效提示的艺术 步子哥 人工智能
    还记得小时候那些天马行空的白日梦吗？也许只要按下键盘上的某个神奇组合，电脑就会发出滴滴的声响，一个隐藏的世界突然在你眼前展开，让你获得超凡的能力，摆脱平凡的生活。这听起来像是玩过太多电子游戏的幻想，但实际上，间隔重复系统给人的感觉惊人地相似。在最佳状态下，这些系统就像魔法一样神奇。本文将以一个看似平凡的鸡肉高汤食谱为例，深入浅出地探讨如何编写有效的间隔重复提示，让你像掌握烹饪技巧一样轻松地掌握记忆
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 【华为OD机试真题2023B卷 JAVA&JS】We Are A Team 若博豆 java算法华为javascript
    华为OD2023（B卷）机试题库全覆盖，刷题指南点这里WeAreATeam时间限制：1秒|内存限制：32768K|语言限制：不限题目描述：总共有n个人在机房，每个人有一个标号（1<=标号<=n），他们分成了多个团队，需要你根据收到的m条消息判定指定的两个人是否在一个团队中，具体的：1、消息构成为：abc，整数a、b分别代
  • 数组去重 好奇的猫猫猫
    整理自js中基础数据结构数组去重问题思考？如何去除数组中重复的项例如数组：[1,3,4,3,5]我们在做去重的时候，一开始想到的肯定是，逐个比较，外面一层循环，内层后一个与前一个一比较，如果是久不将当前这一项放进新的数组，挨个比较完之后返回一个新的去过重复的数组不好的实践方式上述方法效率极低，代码量还多，思考？有没有更好的方法这时候不禁一想当然有了！！！hashtable啊，通过对象的hash办法
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • 【JS】执行时长(100分) |思路参考+代码解析（C++） l939035548 JS算法数据结构c++
    题目为了充分发挥GPU算力，需要尽可能多的将任务交给GPU执行，现在有一个任务数组，数组元素表示在这1秒内新增的任务个数且每秒都有新增任务。假设GPU最多一次执行n个任务，一次执行耗时1秒，在保证GPU不空闲情况下，最少需要多长时间执行完成。题目输入第一个参数为GPU一次最多执行的任务个数，取值范围[1,10000]第二个参数为任务数组长度，取值范围[1,10000]第三个参数为任务数组，数字范围
  • node.js学习 小猿L node.jsnode.js学习vim
    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
  • 穷人做什么生意最赚钱？10个适合穷人赚钱的路子？ 氧惠爱高省
    不管在什么地方，一般都是穷人占大量数，而富人只有少数，但是它们却掌握着大量的财富。对于穷人来说，想要买车、买房等奢侈品就难如登天，因为他们只能通过打工来赚取几千元的月薪。➤推荐网购返利app“氧惠”，一个领隐藏优惠券+现金返利的平台。氧惠只提供领券返利链接，下单全程都在淘宝、京东、拼多多等原平台，更支持抖音、快手电商、外卖红包返利等。（应用市场搜“氧惠”下载，邀请码:521521，全网优惠上氧惠！
  • docker igotyback eureka云原生
    Docker容器的文件系统是隔离的，但是可以通过挂载卷（Volumes）或绑定挂载（BindMounts）将宿主机的文件系统目录映射到容器内部。要查看Docker容器的映射路径，可以使用以下方法：查看容器配置：使用dockerinspect命令可以查看容器的详细配置信息，包括挂载的卷。例如：bashdockerinspect在输出的JSON格式中，查找"Mounts"部分，这里会列出所有的挂载信息
  • 在Ubuntu中编译含有JSON的文件出现报错 芝麻糊76 Linuxkill_buglinuxubuntujson
    在ubuntu中进行JSON相关学习的时候，我发现了一些小问题，决定与大家进行分享，减少踩坑时候出现不必要的时间耗费截取部分含有JSON部分的代码进行展示char*str="{\"title\":\"JSONExample\",\"author\":{\"name\":\"JohnDoe\",\"age\":35,\"isVerified\":true},\"tags\":[\"json\",\"
  • Xinference如何注册自定义模型 玩人工智能的辣条哥 人工智能AI大模型Xinference
    环境：Xinference问题描述：Xinference如何注册自定义模型解决方案：1.写个model_config.json，内容如下{"version":1,"context_length":2048,"model_name":"custom-llama-3","model_lang":["en","ch"],"model_ability":["generate","chat"],"model
  • Python神器！WEB自动化测试集成工具 DrissionPage 亚丁号 python开发语言
    一、前言用requests做数据采集面对要登录的网站时，要分析数据包、JS源码，构造复杂的请求，往往还要应付验证码、JS混淆、签名参数等反爬手段，门槛较高。若数据是由JS计算生成的，还须重现计算过程，体验不好，开发效率不高。使用浏览器，可以很大程度上绕过这些坑，但浏览器运行效率不高。因此，这个库设计初衷，是将它们合而为一，能够在不同须要时切换相应模式，并提供一种人性化的使用方法，提高开发和运行效率
  • 曼妙的盛景掩藏于岁月深处，用一颗清净心寻觅更加温馨的归宿 佳依我心
    《大鱼·海棠》中曾这样说道：“只要你的心是善良的，对错都是别人的事。无论你经历过什么，都要活成自己喜欢的模样。对于不喜欢的人和事，要勇敢地拒绝，去追求自己所爱，永远不要丢失本心，永远要保持善良。”小的时候，不懂得什么是好与坏，善与恶，只是觉得拥有笑脸的人应该都是对自己好的，却并不知道那张笑脸的背后到底隐藏着怎样的阴暗与肮脏。不过我依旧相信：人的眼睛不会骗人，每当我看到亮晶晶的双眸，总是会想到它如同
  • Mongodb Error: queryTxt ETIMEOUT xxxx.wwwdz.mongodb.net 佛一脚 errorreactmongodb数据库
    背景每天都能遇到奇怪的问题，做个记录，以便有缘人能得到帮助！换了一台电脑开发nextjs程序。需要连接mongodb数据，对数据进行增删改查。上一台电脑好好的程序，新电脑死活连不上mongodb数据库。同一套代码，没任何修改，搞得我怀疑人生了，打开浏览器进入mongodb官网毫无问题，也能进入线上系统查看数据，网络应该是没问题。于是我尝试了一下手机热点，这次代码能正常跑起来，连接数据库了！！！是不
  • Vue( ElementUI入门、vue-cli安装) m0_l5z elementuivue.js
    一.ElementUI入门目录：1.ElementUI入门1.1ElementUI简介1.2Vue+ElementUI安装1.3开发示例2.搭建nodejs环境2.1nodejs介绍2.2npm是什么2.3nodejs环境搭建2.3.1下载2.3.2解压2.3.3配置环境变量2.3.4配置npm全局模块路径和cache默认安装位置2.3.5修改npm镜像提高下载速度2.3.6验证安装结果3.运行n
  • 博客网站制作教程 2401_85194651 javamaven
    首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
  • 00. 这里整理了最全的爬虫框架（Java + Python） 有一只柴犬 爬虫系列爬虫javapython
    目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
  • vue 创建项目报错：command failed: npm install --loglevel error 那鱼、会飞 vue.jsvue-cli3
    这个问题其实很好解决，只是很多种情况，逐一排除即可。稳下心来~vuecli3创建项目我的node版本是node14.15.0，（永远不要尝试最新版本）node各种版本下载地址：以往的版本|Node.js(nodejs.org)vue/[email protected]@vue/[email protected]（注意vue/cli2和vue/cli3的下载命名有所改变，2是-形式，3是/形式）其实报错
  • 更改npm镜像源为淘宝镜像 骆小骆 基于node.js
    npm常用指令后缀*最近复习了一下node.js整理了一下跟node.js相关的指令后缀*--save、-S参数意思是把模块的版本信息保存到dependencies（生产环境依赖）中，即你的package.json文件的dependencies字段中；–--save-dev、-D参数意思是把模块版本信息保存到devDependencies（开发环境依赖）中，即你的package.json文件的de
  • COCO 格式的数据集转化为 YOLO 格式的数据集 QYQY77 YOLOpython
    """--json_path输入的json文件路径--save_path保存的文件夹名字，默认为当前目录下的labels。"""importosimportjsonfromtqdmimporttqdmimportargparseparser=argparse.ArgumentParser()parser.add_argument('--json_path',default='./instances
  • NPM私库搭建-verdaccio（Linux） Beam007 npmlinux前端
    1、安装nodelinux服务器安装nodea)、官网下载所需的node版本https://nodejs.org/dist/v14.21.0/b)、解压安装包若下载的是xxx.tar.xz文件，解压命令为tar-xvfxxx.tar.xzc)、修改环境变量修改：/etc/profile文件#SETPATHFORNODEJSexportNODE_HOME=NODEJS解压安装的路径exportPAT
  • 隔离在防晒霜前还是后防晒 隔离霜和防晒霜的区别是什么 氧惠导师
    防晒霜是每天护肤的时候都需要使用的，主要针对的是紫外线，而隔离霜主要是用来隔离彩妆和空气中的脏东西，所以它用在化妆的前一步，即粉底液之前。二者缺一不可，也许很多人会说隔离霜有防晒成分，还要不要涂抹它，事实上，如果长期接触紫外线，只用隔离霜是不够的。➤推荐网购薅羊毛app“氧惠”，一个领隐藏优惠券+现金返利的平台。氧惠只提供领券返利链接，下单全程都在淘宝、京东、拼多多等原平台，更支持抖音、快手电商、
  • HarmonyOS开发实战（ Beta5.0）搜索框热搜词自动切换 让开，我要吃人了 OpenHarmonyHarmonyOS鸿蒙开发harmonyos华为鸿蒙移动开发鸿蒙系统前端开发语言
    鸿蒙HarmonyOS开发往期必看：HarmonyOSNEXT应用开发性能实践总结最新版！“非常详细的”鸿蒙HarmonyOSNext应用开发学习路线！（从零基础入门到精通）介绍本示例介绍使用TextInput组件与Swiper组件实现搜索框内热搜词自动切换。效果图预览使用说明页面顶部搜索框内热搜词条自动切换，编辑搜索框时自动隐藏。实现思路使用TextInput实现搜索框TextInput({te
  • vue render 函数详解 (配参数详解) 你的眼睛會笑 vue2vue.jsjavascript前端
    vuerender函数详解(配参数详解)在Vue3中，`render`函数被用来代替Vue2中的模板语法。它接收一个h函数（或者是`createElement`函数的别名），并且返回一个虚拟DOM。render函数的语法结构如下：render(h){returnh('div',{class:'container'},'Hello,World!')}在上面的示例中，我们使用h函数创建了一个div元素
  • 前端代码上传文件 余生逆风飞翔 前端javascript开发语言
    点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
  • golang获取用户输入的几种方式 余生逆风飞翔 golang开发语言后端
    一、定义结构体typeUserInfostruct{Namestring`json:"name"`Ageint`json:"age"`Addstring`json:"add"`}typeReturnDatastruct{Messagestring`json:"message"`Statusstring`json:"status"`DataUserInfo`json:"data"`}二、get请求的
  • VUE3 + xterm + nestjs实现web远程终端 或 连接开启SSH登录的路由器和交换机。 焚木灵 node.jsvue
    可远程连接系统终端或开启SSH登录的路由器和交换机。相关资料：xtermjs/xterm.js:Aterminalfortheweb(github.com)后端实现(NestJS)：1、安装依赖：npminstallnode-ssh@nestjs/websockets@nestjs/platform-socket.io2、我们将创建一个名为RemoteControlModule的NestJS模块，
  • java的(PO,VO,TO,BO,DAO,POJO) Cb123456 VOTOBOPOJODAO
    转: http://www.cnblogs.com/yxnchinahlj/archive/2012/02/24/2366110.html   -------------------------------------------------------------------  O/R Mapping 是 Object Relational Mapping（对象关系映
  • spring ioc原理（看完后大家可以自己写一个spring） aijuans spring
             最近，买了本Spring入门书：spring In Action 。大致浏览了下感觉还不错。就是入门了点。Manning的书还是不错的，我虽然不像哪些只看Manning书的人那样专注于Manning,但怀着崇敬 的心情和激情通览了一遍。又一次接受了IOC 、DI、AOP等Spring核心概念。 先就IOC和DI谈一点我的看法。IO
  • MyEclipse 2014中Customize Persperctive设置无效的解决方法 Kai_Ge MyEclipse2014
    高高兴兴下载个MyEclipse2014，发现工具条上多了个手机开发的按钮，心生不爽就想弄掉他！ 结果发现Customize Persperctive失效！！ 有说更新下就好了，可是国内Myeclipse访问不了，何谈更新... so~这里提供了更新后的一下jar包，给大家使用！ 1、将9个jar复制到myeclipse安装目录\plugins中 2、删除和这9个jar同包名但是版本号较
  • SpringMvc上传 120153216 springMVC
      @RequestMapping(value = WebUrlConstant.UPLOADFILE) @ResponseBody public Map<String, Object> uploadFile(HttpServletRequest request,HttpServletResponse httpresponse) { try { //
  • Javascript----HTML DOM 事件 何必如此 JavaScripthtmlWeb
    HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。 事件通常与函数结合使用，函数不会在事件发生前被执行！ 注：DOM： 指明使用的 DOM 属性级别。 1.鼠标事件 属性               
  • 动态绑定和删除onclick事件 357029540 JavaScriptjquery
    因为对JQUERY和JS的动态绑定事件的不熟悉，今天花了好久的时间才把动态绑定和删除onclick事件搞定!现在分享下我的过程。      在我的查询页面，我将我的onclick事件绑定到了tr标签上同时传入当前行(this值)参数，这样可以在点击行上的任意地方时可以选中checkbox，但是在我的某一列上也有一个onclick事件是用于下载附件的，当
  • HttpClient|HttpClient请求详解 7454103 apache应用服务器网络协议网络应用Security
    HttpClient 是 Apache Jakarta Common 下的子项目，可以用来提供高效的、最新的、功能丰富的支持 HTTP 协议的客户端编程工具包，并且它支持 HTTP 协议最新的版本和建议。本文首先介绍 HTTPClient，然后根据作者实际工作经验给出了一些常见问题的解决方法。HTTP 协议可能是现在 Internet 上使用得最多、最重要的协议了，越来越多的 Java 应用程序需
  • 递归 逐层统计树形结构数据 darkranger 数据结构
    将集合递归获取树形结构: /** * * 递归获取数据 * @param alist:所有分类 * @param subjname:对应统计的项目名称 * @param pk:对应项目主键 * @param reportList: 最后统计的结果集 * @param count:项目级别 */ public void getReportVO(Arr
  • 访问WEB-INF下使用frameset标签页面出错的原因 aijuans struts2
    <frameset rows="61,*,24" cols="*" framespacing="0" frameborder="no" border="0">        
  • MAVEN常用命令 avords
    Maven库： http://repo2.maven.org/maven2/ Maven依赖查询： http://mvnrepository.com/ Maven常用命令： 1. 创建Maven的普通java项目：    mvn archetype:create    -DgroupId=packageName 
  • PHP如果自带一个小型的web服务器就好了 houxinyou apache应用服务器WebPHP脚本
    最近单位用PHP做网站，感觉PHP挺好的，不过有一些地方不太习惯，比如，环境搭建。PHP本身就是一个网站后台脚本，但用PHP做程序时还要下载apache，配置起来也不太很方便，虽然有好多配置好的apache+php+mysq的环境，但用起来总是心里不太舒服，因为我要的只是一个开发环境，如果是真实的运行环境，下个apahe也无所谓，但只是一个开发环境，总有一种杀鸡用牛刀的感觉。如果php自己的程序中
  • NoSQL数据库之Redis数据库管理(list类型) bijian1013 redis数据库NoSQL
    3.list类型及操作         List是一个链表结构，主要功能是push、pop、获取一个范围的所有值等等，操作key理解为链表的名字。Redis的list类型其实就是一个每个子元素都是string类型的双向链表。我们可以通过push、pop操作从链表的头部或者尾部添加删除元素，这样list既可以作为栈，又可以作为队列。   &nbs
  • 谁在用Hadoop？ bingyingao hadoop数据挖掘公司应用场景
    Hadoop技术的应用已经十分广泛了，而我是最近才开始对它有所了解，它在大数据领域的出色表现也让我产生了兴趣。浏览了他的官网，其中有一个页面专门介绍目前世界上有哪些公司在用Hadoop，这些公司涵盖各行各业，不乏一些大公司如alibaba,ebay,amazon,google,facebook,adobe等，主要用于日志分析、数据挖掘、机器学习、构建索引、业务报表等场景,这更加激发了学习它的热情。
  • 【Spark七十六】Spark计算结果存到MySQL bit1129 mysql
    package spark.examples.db import java.sql.{PreparedStatement, Connection, DriverManager} import com.mysql.jdbc.Driver import org.apache.spark.{SparkContext, SparkConf} object SparkMySQLInteg
  • Scala: JVM上的函数编程 bookjovi scalaerlanghaskell
        说Scala是JVM上的函数编程一点也不为过，Scala把面向对象和函数型编程这两种主流编程范式结合了起来，对于熟悉各种编程范式的人而言Scala并没有带来太多革新的编程思想，scala主要的有点在于Java庞大的package优势，这样也就弥补了JVM平台上函数型编程的缺失，MS家.net上已经有了F#，JVM怎么能不跟上呢？     对本人而言
  • jar打成exe bro_feng java jar exe
    今天要把jar包打成exe，jsmooth和exe4j都用了。 遇见几个问题。记录一下。 两个软件都很好使，网上都有图片教程，都挺不错。 首先肯定是要用自己的jre的，不然不能通用，其次别忘了把需要的lib放到classPath中。 困扰我很久的一个问题是，我自己打包成功后，在一个同事的没有装jdk的电脑上运行，就是不行，报错jvm.dll为无效的windows映像，如截图 最后发现
  • 读《研磨设计模式》-代码笔记-策略模式-Strategy bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* 策略模式定义了一系列的算法，并将每一个算法封装起来，而且使它们还可以相互替换。策略模式让算法独立于使用它的客户而独立变化 简单理解： 1、将不同的策略提炼出一个共同接口。这是容易的，因为不同的策略，只是算法不同，需要传递的参数
  • cmd命令值cvfM命令 chenyu19891124 cmd
         cmd命令还真是强大啊。今天发现jar -cvfM aa.rar @aaalist 就这行命令可以根据aaalist取出相应的文件   例如：      在d：\workspace\prpall\test.java 有这样一个文件，现在想要将这个文件打成一个包。运行如下命令即可比如在d：\wor
  • OpenJWeb(1.8) Java Web应用快速开发平台 comsci java框架Web项目管理企业应用
        OpenJWeb(1.8) Java Web应用快速开发平台的作者是我们技术联盟的成员，他最近推出了新版本的快速应用开发平台  OpenJWeb(1.8)，我帮他做做宣传   OpenJWeb快速开发平台以快速开发为核心，整合先进的java 开源框架，本着自主开发+应用集成相结合的原则，旨在为政府、企事业单位、软件公司等平台用户提供一个架构透
  • Python 报错：IndentationError: unexpected indent daizj pythontab空格缩进
        IndentationError: unexpected indent 是缩进的问题，也有可能是tab和空格混用啦     Python开发者有意让违反了缩进规则的程序不能通过编译，以此来强制程序员养成良好的编程习惯。并且在Python语言里，缩进而非花括号或者某种关键字，被用于表示语句块的开始和退出。增加缩进表示语句块的开
  • HttpClient 超时设置 dongwei_6688 httpclient
    HttpClient中的超时设置包含两个部分： 1. 建立连接超时，是指在httpclient客户端和服务器端建立连接过程中允许的最大等待时间 2. 读取数据超时，是指在建立连接后，等待读取服务器端的响应数据时允许的最大等待时间   在HttpClient 4.x中如下设置：   HttpClient httpclient = new DefaultHttpC
  • 小鱼与波浪 dcj3sjt126com
    一条小鱼游出水面看蓝天，偶然间遇到了波浪。　　小鱼便与波浪在海面上游戏，随着波浪上下起伏、汹涌前进。　　小鱼在波浪里兴奋得大叫：“你每天都过着这么刺激的生活吗？简直太棒了。”　　波浪说：“岂只每天过这样的生活，几乎每一刻都这么刺激！还有更刺激的，要有潮汐变化，或者狂风暴雨，那才是兴奋得心脏都会跳出来。”　　小鱼说：“真希望我也能变成一个波浪，每天随着风雨、潮汐流动，不知道有多么好！”　　很快，小鱼
  • Error Code: 1175 You are using safe update mode and you tried to update a table dcj3sjt126com mysql
    快速高效用：SET SQL_SAFE_UPDATES = 0；下面的就不要看了！ 今日用MySQL Workbench进行数据库的管理更新时，执行一个更新的语句碰到以下错误提示： Error Code: 1175 You are using safe update mode and you tried to update a table without a WHERE that
  • 枚举类型详细介绍及方法定义 gaomysion enumjavaee
    转发 http://developer.51cto.com/art/201107/275031.htm 枚举其实就是一种类型，跟int, char 这种差不多，就是定义变量时限制输入的，你只能够赋enum里面规定的值。建议大家可以看看，这两篇文章，《java枚举类型入门》和《C++的中的结构体和枚举》，供大家参考。 枚举类型是JDK5.0的新特征。Sun引进了一个全新的关键字enum
  • Merge Sorted Array hcx2013 array
    Given two sorted integer arrays nums1 and nums2, merge nums2 into nums1 as one sorted array. Note:You may assume that nums1 has enough space (size that is
  • Expression Language 3.0新特性 jinnianshilongnian el 3.0
    Expression Language 3.0表达式语言规范最终版从2013-4-29发布到现在已经非常久的时间了；目前如Tomcat 8、Jetty 9、GlasshFish 4已经支持EL 3.0。新特性包括：如字符串拼接操作符、赋值、分号操作符、对象方法调用、Lambda表达式、静态字段/方法调用、构造器调用、Java8集合操作。目前Glassfish 4/Jetty实现最好，对大多数新特性
  • 超越算法来看待个性化推荐 liyonghui160com 超越算法来看待个性化推荐
             一提到个性化推荐，大家一般会想到协同过滤、文本相似等推荐算法，或是更高阶的模型推荐算法，百度的张栋说过，推荐40%取决于UI、30%取决于数据、20%取决于背景知识，虽然本人不是很认同这种比例，但推荐系统中，推荐算法起的作用起的作用是非常有限的。       就像任何
  • 写给Javascript初学者的小小建议 pda158 JavaScript
    　　一般初学JavaScript的时候最头痛的就是浏览器兼容问题。在Firefox下面好好的代码放到IE就不能显示了，又或者是在IE能正常显示的代码在firefox又报错了。 　　如果你正初学JavaScript并有着一样的处境的话建议你：初学JavaScript的时候无视DOM和BOM的兼容性，将更多的时间花在 了解语言本身（ECMAScript）。只在特定浏览器编写代码（Chrome/Fi
  • Java 枚举 ShihLei javaenum枚举
    注：文章内容大量借鉴使用网上的资料，可惜没有记录参考地址，只能再传对作者说声抱歉并表示感谢！   一 基础 1）语法      枚举类型只能有私有构造器（这样做可以保证客户代码没有办法新建一个enum的实例）      枚举实例必须最先定义 2）特性     &nb
  • Java SE 6 HotSpot虚拟机的垃圾回收机制 uuhorse javaHotSpotGC垃圾回收VM
    官方资料，关于Java SE 6 HotSpot虚拟机的garbage Collection，非常全，英文。 http://www.oracle.com/technetwork/java/javase/gc-tuning-6-140523.html   Java SE 6 HotSpot[tm] Virtual Machine Garbage Collection Tuning &
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他