我们爱分享----200多个js技巧代码(1)----学习用

最新推荐文章于 2023-02-25 11:00:03 发布
最新推荐文章于 2023-02-25 11:00:03 发布
阅读量404 收藏
点赞数
分类专栏： javascript 文章标签： input javascript button border class function 
  
  

   
   1.文本框焦点问题
onBlur:当失去输入焦点后产生该事件
onFocus:当输入获得焦点后，产生该文件
Onchange:当文字值改变时，产生该事件
Onselect:当文字加亮后，产生该文件


   
   <
   
   input 
   
   type
   
   ="text"
   
    value
   
   ="mm"
   
    onfocus
   
   ="if(value=='mm) {value=''}"
   
    onblur
   
   ="if
(value=='') {value='mm'}"
   
   >
   
   点击时文字消失，失去焦点时文字再出现


2.网页按钮的特殊颜色

   
   <
   
   input 
   
   type
   
   =button 
   
   name
   
   ="Submit1"
   
    value
   
   ="郭强"
   
    size
   
   =10 
   
   class
   
   =s02


   
   style
   
   ="background-color:rgb(235,207,22)"
   
   >
   
   

3.鼠标移入移出时颜色变化

   
   <
   
   input 
   
   type
   
   ="submit"
   
    value
   
   ="找吧"
   
    name
   
   ="B1"
   
    onMouseOut
   
   =this.style.color="blue"


   
   onMouseOver
   
   =this.style.color="red"  
   
   class
   
   ="button"
   
   >
   
   

4.平面按钮

   
   <
   
   input 
   
   type
   
   =submit 
   
   value
   
   =订阅 
   
   style
   
   ="border:1px solid :#666666; height:17px; width:25pt; font-size:9pt;

BACKGROUND-COLOR: #E8E8FF; color:#666666"
   
    name
   
   ="submit"
   
   >
   
   

5.按钮颜色变化

   
   <
   
   input 
   
   type
   
   =text 
   
   name
   
   ="nick"
   
     style
   
   ="border:1px solid #666666;  font-size:9pt;  height:17px;

BACKGROUND-COLOR: #F4F4FF; color:#ff6600"
   
    size
   
   ="15"
   
    maxlength
   
   ="16"
   
   >
   
   

6.平面输入框

   
   <
   
   input 
   
   type
   
   ="text"
   
    name
   
   ="T1"
   
    size
   
   ="20"
   
    style
   
   ="border-style: solid; border-width: 1"
   
   >
   
   

7.使窗口变成指定的大小

   
   <
   
   script
   
   >
   
   
window.resizeTo(
   
   300
   
   ,
   
   283
   
   );

   
   </
   
   script
   
   >
   
   

8.使文字上下滚动

   
   <
   
   marquee 
   
   direction
   
   =up 
   
   scrollamount
   
   =1 
   
   scrolldelay
   
   =100 
   
   onmouseover
   
   ='this.stop()' 
   
   onmouseout
   
   ='this.start()'


   
   height
   
   =60
   
   >
   
   

   
   <!--
   
    head_scrolltext 
   
   -->
   
   

   
   <
   
   tr
   
   >
   
   

   
   <
   
   td
   
   >
   
   
共和国

   
   </
   
   table
   
   >
   
           
   
   <!--
   
    end head_scrolltext 
   
   -->
   
   

   
   </
   
   marquee
   
   >
   
   

9.状态栏显示该页状态

   
   <
   
   base 
   
   onmouseover
   
   ="window.status='网站建设 http://www.webmake.cn/' ;return true"
   
   >
   
   

10.可以点击文字实现radio选项的选定

   
   <
   
   br
   
   >
   
   

   
   &nbsp;&nbsp;&nbsp;&nbsp;
   
   <
   
   input 
   
   type
   
   ="radio"
   
    name
   
   ="regtype"
   
    value
   
   ="A03"
   
    id
   
   ="A03"
   
   >
   
   

   
   <
   
   label 
   
   for
   
   ="A03"
   
   >
   
    情侣 : 一次注册两个帐户
   
   </
   
   label
   
   >
   
    
   
   <
   
   br
   
   >
   
   

11.可以在文字域的font写onclick事件

12.打印
   
   </
   
   a
   
   >
   
   打印网页

   
   <
   
   a 
   
   href
   
   ='javascript:window.print 
   
   ()'
   
   >
   
   

13.线型输入框

   
   <
   
   input 
   
   type
   
   ="text"
   
    name
   
   ="key"
   
     size
   
   ="12"
   
    value
   
   ="关键字"
   
    onFocus
   
   =this.select() 
   
   onMouseOver
   
   =this.focus()


   
   class
   
   ="line"
   
   >
   
   

14.显示文档最后修改日期

   
   <
   
   script 
   
   language
   
   =javascript
   
   >
   
   

   
   function
   
    hi(str)
{
 document.write(document.lastModified)

 alert(
   
   "
   
   hi
   
   "
   
   +
   
   str
   
   +
   
   "
   
   !
   
   "
   
   )
}

   
   </
   
   script
   
   >
   
   

15.可以在鼠标移到文字上时就触发事件

   
   <
   
   html
   
   >
   
   

   
   <
   
   head
   
   >
   
   

   
   <
   
   script 
   
   language
   
   ="LiveScript"
   
   >
   
   

   
   <!--
   
    Hiding
     
   
   function
   
    hello() {
       alert(
   
   "
   
   哈罗!
   
   "
   
   );
     }

   
   </
   
   script
   
   >
   
   

   
   </
   
   head
   
   >
   
   

   
   <
   
   body
   
   >
   
   

   
   <
   
   a 
   
   href
   
   =""
   
    onMouseOver
   
   ="hello()"
   
   >
   
   link
   
   </
   
   a
   
   >
   
   

   
   </
   
   body
   
   >
   
   

   
   </
   
   html
   
   >
   
   

16.可以根据网页上的选项来确定页面颜色

   
   <
   
   HTML
   
   >
   
   

   
   <
   
   HEAD
   
   >
   
   
 
   
   <
   
   TITLE
   
   >
   
   background.html
   
   </
   
   TITLE
   
   >
   
   

   
   </
   
   HEAD
   
   >
   
   

   
   <
   
   SCRIPT
   
   >
   
   

   
   <!--
   
   


   
   function
   
    bgChange(selObj) {
 newColor 
   
   =
   
    selObj.options[selObj.selectedIndex].text;
 document.bgColor 
   
   =
   
    newColor;
 selObj.selectedIndex 
   
   =
   
    
   
   -
   
   1
   
   ;
 }


   
   //
   
   -->
   
   

   
   </
   
   SCRIPT
   
   >
   
   

   
   <
   
   BODY 
   
   STYLE
   
   ="font-family:Arial"
   
   >
   
   

   
   <
   
   B
   
   >
   
   Changing Background Colors
   
   </
   
   B
   
   >
   
   

   
   <
   
   BR
   
   >
   
   
 
   
   <
   
   FORM
   
   >
   
   
  
   
   <
   
   SELECT 
   
   SIZE
   
   ="8"
   
    onChange
   
   ="bgChange(this);"
   
   >
   
   
  
   
   <
   
   OPTION
   
   >
   
   Red
  
   
   <
   
   OPTION
   
   >
   
   Orange
  
   
   <
   
   OPTION
   
   >
   
   Yellow
  
   
   <
   
   OPTION
   
   >
   
   Green
  
   
   <
   
   OPTION
   
   >
   
   Blue
  
   
   <
   
   OPTION
   
   >
   
   Indigo
  
   
   <
   
   OPTION
   
   >
   
   Violet
  
   
   <
   
   OPTION
   
   >
   
   White
 
   
   <
   
   OPTION
   
   >
   
   pink
  
   
   </
   
   SELECT
   
   >
   
   
 
   
   </
   
   FORM
   
   >
   
   

   
   </
   
   BODY
   
   >
   
   

   
   </
   
   HTML
   
   >
   
   

17.将按钮的特征改变

   
   <
   
   style 
   
   type
   
   ="text/css"
   
   >
   
   
<!--
.style1 
   
   {
   
    font-size
   
   :
   
    12px
   
   ;
   
    background
   
   :
   
    #CCCCFF
   
   ;
   
    border-width
   
   :
   
    thin thin thin thin
   
   ;
   
    border-color
   
   :
   
    #CCCCFF

#CCCCCC #CCCCCC #CCCCFF
   
   }
   
   
.style2 
   
   {
   
    font-size
   
   :
   
    12px
   
   ;
   
    font-weight
   
   :
   
    bold
   
   ;
   
    background
   
   :
   
    #CCFFCC
   
   ;
   
    border-width
   
   :
   
    thin medium medium thin
   
   ;
   
   

border-color
   
   :
   
    #CCFF99 #999999 #999999 #CCFF99
   
   }
   
   
-->

   
   </
   
   style
   
   >
   
   
　　本例按钮的代码如下：

   
   <
   
   input 
   
   type
   
   ="submit"
   
    name
   
   ="Submit"
   
    value
   
   ="提 交"
   
    onmouseover
   
   ="this.className='style2'"
   
   

onmouseout
   
   ="this.className='style1'"
   
    class
   
   ="style1"
   
   >
   
   

18.改变按钮的图片.

   
   <
   
   style 
   
   type
   
   ="text/css"
   
   >
   
   
<!--
.style3 
   
   {
   
    font-size
   
   :
   
    12px
   
   ;
   
    background
   
   :
   
    url(image/buttonbg1.gif)
   
   ;
   
    border
   
   :
   
    0px
   
   ;
   
    width
   
   :
   
    60px
   
   ;
   
    height
   
   :
   
    22px
   
   }
   
   
.style4 
   
   {
   
    font-size
   
   :
   
    12px
   
   ;
   
    font-weight
   
   :
   
    bold
   
   ;
   
    background
   
   :
   
    url(image/buttonbg2.gif)
   
   ;
   
    border
   
   :
   
    0px 0
   
   ;
   
    width
   
   :
   
   

60px
   
   ;
   
    height
   
   :
   
    22px
   
   }
   
   
-->

   
   </
   
   style
   
   >
   
   
　　本例的按钮代码如下：

   
   <
   
   input 
   
   type
   
   ="submit"
   
    name
   
   ="Submit2"
   
    value
   
   ="提 交"
   
    onmouseover
   
   ="this.className='style4'"
   
   

onmouseout
   
   ="this.className='style3'"
   
    class
   
   ="style3"
   
   >
   
   

19.打印页面

   
   <
   
   div 
   
   align
   
   ="center"
   
   ><
   
   a 
   
   class
   
   =content 
   
   href
   
   ="javascript:doPrint();"
   
   >
   
   打印本稿
   
   </
   
   a
   
   ></
   
   div
   
   >
   
   

20.可以直接写html语言
document.write("");

21.改变下拉框的颜色

   
   <
   
   select 
   
   name
   
   ="classid"
   
   

onChange
   
   ="changelocation(document.myform.classid.options[document.myform.classid.selectedIndex].value)"
   
   

size
   
   ="1"
   
    style
   
   ="color:#008080;font-size: 9pt"
   
   >
   
   

22.转至目标URL
window.location="http://guoguo"

23.传递该object的form
UpdateSN('guoqiang99267',this.form)
function UpdateSN(strValue,strForm)
{
  strForm.SignInName.value = strValue;
  return false;
}

24.文字标签

   
   <
   
   label 
   
   for
   
   ="AltName4"
   
   ><
   
   input 
   
   name
   
   ="AltName"
   
    type
   
   ="RADIO"
   
    tabindex
   
   ="931"
   
     id
   
   ="AltName4"
   
   


   
   >
   
   guoqiang99859
   
   </
   
   label
   
   >
   
   

25.layer2为组件的ID，可以控制组件是否可见
document.all.item('Layer2').style.display = "block";
document.all.item('Layer2').style.display = "none";//

26.将页面加入favorite中

   
   <
   
   script 
   
   language
   
   =javascript
   
   >
   
   

   
   <!--
   
   

   
   function
   
    Addme(){
url 
   
   =
   
    
   
   "
   
   http://your.site.address
   
   "
   
   ; 
   
   //
   
   你自己的主页地址
   
   

   
   title 
   
   =
   
    
   
   "
   
   Your Site Name
   
   "
   
   ; 
   
   //
   
   你自己的主页名称
   
   

   
   window.external.AddFavorite(url,title);

   
   -->
   
   

   
   </
   
   script
   
   >
   
   //

27.过10秒自动关闭页面

   
   <
   
    script 
   
   language
   
   ="JavaScript"
   
    
   
   >
   
   
function closeit() {
setTimeout("self.close()"，10000)
}

   
   <
   
    /script 
   
   >
   
   

28.可以比较字符的大小
char=post.charAt(i);
if(!('0'
   
   <
   
   =char
   
   &&char<
   
   ='9'))


   
   29.将字符转化为数字
month 
   
   = parseInt(char)


   
   30.点击value非空的选项时转向指定连接
 <select onchange
   
   ='if(this.value!="")window.open(this.value)' 
   
   class
   
   ="textinput"
   
   >
   
   
    
   
   <
   
   option 
   
   selected
   
   >
   
   主办单位
   
   </
   
   option
   
   >
   
   
    
   
   <
   
   option
   
   >
   
   -----------------
   
   </
   
   option
   
   >
   
   
    
   
   <
   
   option 
   
   value
   
   ="http://www.bjd.com.cn/"
   
   >
   
   北京日报
   
   </
   
   option
   
   >
   
   
    
   
   <
   
   option 
   
   value
   
   ="http://www.ben.com.cn/"
   
   >
   
   北京晚报
   
   </
   
   option
   
   >
   
   

   
   </
   
   select
   
   >
   
   

31.改变背景颜色

   
   <
   
   td 
   
   width
   
   =* 
   
   class
   
   =dp 
   
   bgColor
   
   =#FAFBFC 
   
   onmouseover
   
   ="this.bgColor='#FFFFFF';"
   
   

onmouseout
   
   ="this.bgColor='#FAFBFC';"
   
   >
   
   

32.改变文字输入框的背景颜色

   
   <
   
   style
   
   >
   
   
.input2 
   
   {
   
   background-image
   
   :
   
    url('../images/inputbg.gif')
   
   ;
   
      font-size
   
   :
   
    12px
   
   ;
   
    background-color
   
   :
   
   

#D0DABB
   
   ;
   
   border-top-width
   
   :
   
   1px
   
   ;
   
    border-right-width
   
   :
   
    1px
   
   ;
   
    border-bottom-width
   
   :
   
    1px
   
   ;
   
    border-left-width
   
   :
   
    1px
   
   }
   
   

   
   </
   
   style
   
   >
   
   

   
   <
   
   input 
   
   name
   
   =content 
   
   type
   
   =text 
   
   size
   
   ="47"
   
    class
   
   ="input2"
   
    maxlength
   
   ="50"
   
   >
   
   

33.改变水平线的特征

   
   <
   
   hr 
   
   size
   
   ="0"
   
    noshade color
   
   ="#C0C0C0"
   
   >
   
   

34.传递参数的方式

   
   <
   
   a 
   
   href
   
   ="vote.asp?CurPage=8&id=3488"
   
   >
   
   8
   
   </
   
   a
   
   >
   
   

35.页内跳转

   
   <
   
   a 
   
   href
   
   ="#1"
   
   >
   
   1
   
   </
   
   a
   
   >
   
   

   
   <
   
   a 
   
   href
   
   ="#2"
   
   >
   
   2
   
   </
   
   a
   
   >
   
   

   
   <
   
   a 
   
   href
   
   ="#3"
   
   >
   
   3
   
   </
   
   a
   
   >
   
   

   
   <
   
   a 
   
   href
   
   ="#4"
   
   >
   
   4
   
   </
   
   a
   
   >
   
   

   
   <
   
   a 
   
   href
   
   ="#5"
   
   >
   
   5
   
   </
   
   a
   
   >
   
   

   
   <
   
   a 
   
   href
   
   ="#6"
   
   >
   
   6
   
   </
   
   a
   
   >
   
   

   
   <
   
   a 
   
   href
   
   ="#7"
   
   >
   
   7
   
   </
   
   a
   
   >
   
   

   
   <
   
   a 
   
   name
   
   ="1"
   
   >
   
   dfdf
   
   </
   
   a
   
   >
   
   

   
   <
   
   a 
   
   name
   
   ="2"
   
   >
   
   dfdf
   
   </
   
   a
   
   >
   
   //

36.两个按键一起按下
if(event.ctrlKey && window.event.keyCode==13)//

37.刷新页面
javascript:this.location.reload()//

38.将网页的按钮使能

   
   <
   
   SCRIPT 
   
   LANGUAGE
   
   ="JavaScript"
   
   >
   
   

   
   function
   
    haha()
{
 
   
   for
   
   (
   
   var
   
    i
   
   =
   
   0
   
   ;i
   
   <
   
   document.form1.elements.length;i
   
   ++
   
   )
 {
  
   
   if
   
   (document.form1.elements[i].name.indexOf(
   
   "
   
   bb
   
   "
   
   )
   
   !=-
   
   1
   
   )
   document.form1.elements[i].disabled
   
   =!
   
   document.form1.elements[i].disabled;
 }
}

   
   </
   
   SCRIPT
   
   >
   
   

   
   <
   
   BODY
   
   ><
   
   form 
   
   name
   
   =form1
   
   >
   
   

   
   <
   
   INPUT 
   
   TYPE
   
   ="button"
   
    NAME
   
   ="aa "
   
     value
   
   =cindy 
   
   onclick
   
   =haha()
   
   >
   
   

   
   <
   
   INPUT 
   
   TYPE
   
   ="button"
   
    NAME
   
   ="bb "
   
    value
   
   =guoguo
   
   >
   
   

   
   <
   
   INPUT 
   
   TYPE
   
   ="button"
   
    NAME
   
   ="bb "
   
    value
   
   =guoguo
   
   >
   
   

39.文字移动

   
   <
   
   marquee 
   
   scrollamount
   
   =3 
   
   onmouseover
   
   =this.stop(); 
   
   onmouseout
   
   =this.start();
   
   >
   
   

40.双击网页自动跑

   
   <
   
   SCRIPT 
   
   LANGUAGE
   
   ="JavaScript"
   
   >
   
   

   
   var
   
    currentpos,timer;

   
   function
   
    initialize()
{
 timer
   
   =
   
   setInterval(
   
   "
   
   scrollwindow()
   
   "
   
   ,
   
   1
   
   );
}

   
   function
   
    sc()
{
 clearInterval(timer);
}

   
   function
   
    scrollwindow()
{
 currentpos
   
   =
   
   document.body.scrollTop;
 window.scroll(
   
   0
   
   ,
   
   ++
   
   currentpos);
 
   
   if
   
    (currentpos 
   
   !=
   
    document.body.scrollTop)
  sc();
}
document.onmousedown
   
   =
   
   sc
document.ondblclick
   
   =
   
   initialize

   
   </
   
   SCRIPT
   
   >
   
   //

41.后退

   
   <
   
   INPUT 
   
   TYPE
   
   ="button"
   
    onclick
   
   =window.history.back() 
   
   value
   
   =back
   
   >
   
   

42.前进

   
   <
   
   INPUT 
   
   TYPE
   
   ="button"
   
    onclick
   
   =window.history.forward() 
   
   value
   
   =forward
   
   >
   
   

43.刷新

   
   <
   
   INPUT 
   
   TYPE
   
   ="button"
   
    onclick
   
   =document.location.reload() 
   
   value
   
   =reload
   
   >
   
   

44.转向指定网页
document.location="http://ww"或者document.location.assign("http://guoguo.com")

45.在网页上显示实时时间

   
   <
   
   SCRIPT 
   
   LANGUAGE
   
   ="JavaScript"
   
   >
   
   

   
   var
   
    clock_id;
window.onload
   
   =
   
   function
   
   ()
{
 clock_id
   
   =
   
   setInterval(
   
   "
   
   document.form1.txtclock.value=(new Date);
   
   "
   
   ,
   
   1000
   
   )
}

   
   </
   
   SCRIPT
   
   >
   
   //

46.可以下载文件
document.location.href="目标文件"//

47.连接数据库
import java.sql.*;
String myDBDriver="sun.jdbc.odbc.JdbcOdbcDriver";
Class.forName(myDBDriver);
Connection conn=DriverManager.getConnection("jdbc:odbc:firm","username","password");
Statement stmt=conn.createStatement();
ResultSet rs=stmt.executeQuery(sql);
rs.getString("column1");//

48.可以直接在页面“div”内写下所需内容

   
   <
   
   INPUT 
   
   TYPE
   
   ="button"
   
    onclick
   
   ="a1.innerHTML='<font color=red>*</font>'"
   
   >
   
   

   
   <
   
   div 
   
   id
   
   =a1
   
   ></
   
   div
   
   >
   
   //

49.可以改变页面上的连接的格式，使其为双线

   
   <
   
   style
   
   >
   
   
A:link 
   
   {
   
   text-decoration
   
   :
   
    none
   
   ;
   
    color
   
   :
   
   #0000FF
   
   ;
   
    font-family
   
   :
   
    宋体
   
   }
   
   
A:visited 
   
   {
   
   text-decoration
   
   :
   
    none
   
   ;
   
    color
   
   :
   
    #0000FF
   
   ;
   
    font-family
   
   :
   
    宋体
   
   }
   
   
A:hover 
   
   {
   
   text-decoration
   
   :
   
    underline overline
   
   ;
   
    color
   
   :
   
    FF0000
   
   }
   
   

   
   </
   
   style
   
   >
   
   


   
   <
   
   style
   
   >
   
   
A:link 
   
   {
   
   text-decoration
   
   :
   
    none
   
   ;
   
    color
   
   :
   
   #0000FF
   
   ;
   
    font-family
   
   :
   
    宋体
   
   }
   
   
A:visited 
   
   {
   
   text-decoration
   
   :
   
    none
   
   ;
   
    color
   
   :
   
    #0000FF
   
   ;
   
    font-family
   
   :
   
    宋体
   
   }
   
   
A:hover 
   
   {
   
   text-decoration
   
   :
   
    underline overline line-through
   
   ;
   
    color
   
   :
   
    FF0000
   
   }
   
   
TH
   
   {
   
   FONT-SIZE
   
   :
   
    9pt
   
   }
   
   
TD
   
   {
   
   FONT-SIZE
   
   :
   
    9pt
   
   }
   
   
body 
   
   {
   
   SCROLLBAR-FACE-COLOR
   
   :
   
    #A9D46D
   
   ;
   
    SCROLLBAR-HIGHLIGHT-COLOR
   
   :
   
    #e7e7e7
   
   ;
   
   SCROLLBAR-SHADOW-COLOR
   
   :
   
   #e7e7e7
   
   ;
   
   

SCROLLBAR-3DLIGHT-COLOR
   
   :
   
    #000000
   
   ;
   
    LINE-HEIGHT
   
   :
   
    15pt
   
   ;
   
    SCROLLBAR-ARROW-COLOR
   
   :
   
    #ffffff
   
   ;
   
   

SCROLLBAR-TRACK-COLOR
   
   :
   
    #e7e7e7
   
   ;
   
   }
   
   

INPUT
   
   {
   
   BORDER-TOP-WIDTH
   
   :
   
    1px
   
   ;
   
    PADDING-RIGHT
   
   :
   
    1px
   
   ;
   
    PADDING-LEFT
   
   :
   
    1px
   
   ;
   
    BORDER-LEFT-WIDTH
   
   :
   
    1px
   
   ;
   
    FONT-SIZE
   
   :
   
   

9pt
   
   ;
   
    BORDER-LEFT-COLOR
   
   :
   
    #cccccc
   
   ;
   
   
BORDER-BOTTOM-WIDTH
   
   :
   
    1px
   
   ;
   
    BORDER-BOTTOM-COLOR
   
   :
   
    #cccccc
   
   ;
   
    PADDING-BOTTOM
   
   :
   
    1px
   
   ;
   
    BORDER-TOP-COLOR
   
   :
   
    #cccccc
   
   ;
   
   

PADDING-TOP
   
   :
   
    1px
   
   ;
   
    HEIGHT
   
   :
   
    18px
   
   ;
   
    BORDER-RIGHT-WIDTH
   
   :
   
    1px
   
   ;
   
    BORDER-RIGHT-COLOR
   
   :
   
    #cccccc
   
   }
   
   
DIV,form ,OPTION,P,TD,BR
   
   {
   
   FONT-FAMILY
   
   :
   
    宋体
   
   ;
   
    FONT-SIZE
   
   :
   
    9pt
   
   }
   
   
textarea, select 
   
   {
   
   border-width
   
   :
   
    1
   
   ;
   
    border-color
   
   :
   
    #000000
   
   ;
   
    background-color
   
   :
   
    #efefef
   
   ;
   
    font-family
   
   :
   
    宋体
   
   ;
   
   

font-size
   
   :
   
    9pt
   
   ;
   
    font-style
   
   :
   
    bold
   
   ;
   
   }
   
   
.text 
   
   {
   
    font-family
   
   :
   
    "宋体"
   
   ;
   
    font-size
   
   :
   
    9pt
   
   ;
   
    color
   
   :
   
    #003300
   
   ;
   
    border
   
   :
   
    #006600 solid
   
   ;
   
    border-width
   
   :
   
    1px 1px

1px 1px
   
   }
   
   

   
   </
   
   style
   
   >
   
   完整的css


50.新建frame

   
   <
   
   a


   
   href
   
   ="javascript:newframe('http://www.163.net/help/a_little/index.html','http://www.163.net/help/a_little

/a_13.html')"
   
   ><
   
   img 
   
   alt
   
   =帮助 
   
   border
   
   =0 
   
   src
   
   ="http://bjpic.163.net/images/mail/button-help.gif"
   
   ></
   
   a
   
   >
rainX
关注
专栏目录
牛客-https://www.nowcoder.com/acm/contest/96/H
all00747的博客
04-14 7054
链接：https://www.nowcoder.com/acm/contest/96/H来源：牛客网 题目描述 今天qwb要参加一个数学考试，这套试卷一共有n道题，每道题qwb能获得的分数为ai，qwb并不打算把这些题全做完， 他想选总共2k道题来做，并且期望他能获得的分数尽可能的大，他准备选2个不连续的长度为k的区间, 即[L,L+1,L+2,....,L+k-1]...
软件测试要达到一个什么水平才能找到一份9K的工作？
软件测试技术分享
05-12 278
我的读者里有很多 软测 新人，新人是指正在学 测试 的、以及工作时间不长的年轻人，他们经常问我一个问题：
CentOS添加永久静态路由
dingzz的专栏
07-02 4414
在使用双网卡，同时使用 2 个网关的时候就需要加一条静态路由了。当然还有很多时候会需要 加路由。     一：使用   route  命令添加   使用 route  命令添加的路由，机器重启或者网卡重启后路由就失效了，方法：   // 添加到主机的路由   # route add  – host 192.168.1.11 dev eth0  # rout
PyCharm下载和安装
weixin_43495473的博客
12-16 2万+
PyCharm下载和安装 进入https://www.jetbrains.com/pycharm/download/#section=windowsPyCharm官方下载页面（如图 2 所示），可以看到 PyCharm 有 2 个版本，分别是 Professional（专业版）和 Community（社区版）。其中，专业版是收费的，可以免费试用 30 天；而社区版是完全免费的。 图2 强烈建议初学...
hdoop面试题6 后面的面试题各公司面试题,算法数据结构相关面试题 后面没看 阿善有用...
okbin1991的博客
09-28 1万+
1.列出安装hadoop流程步骤 a)创建hadoop账号 b)更改ip c)安装java更改/etc/profile配置环境变量 d)修改host文件域名 e)安装ssh配置无密码登录 f)解压hadoop g)配置hadoopconf下面的配置文件 h)Hadoopnamenode-format格式化 i)Start启动 2.列出hadoop集群启动中的...
Computer Science Conference Rankings
weixin_34232363的博客
05-26 462
AREA: Databases Rank 1:        SIGMOD: ACM SIGMOD Conf on Management of Data       PODS: ACM SIGMOD Conf on Principles of DB Systems       VLDB: Very Large Data Bases       ICDE: Intl Conf on Data E...
最容易上手的vue2.0实战入门教程（第1-2章）
06-19
Vue.js 是一款轻量级的前端JavaScript框架，由尤雨溪开发，因其易学易用、组件化开发、性能优异等特点，在Web开发领域受到了广泛欢迎。Vue 2.0是其重要的版本迭代，引入了许多优化和新特性，使得开发者能够更高效地...
最容易上手的vue2.0实战入门教程（第11-12章）
06-19
Vue.js 是一款轻量级的前端JavaScript框架，以其易学易用、高性能和组件化的特点在Web开发领域受到广泛欢迎。Vue2.0是其重要版本，相较于Vue1.x进行了一系列优化和改进，提升了开发效率和用户体验。在这个“最容易...
最容易上手的vue2.0实战入门教程（第9-10章）
06-19
Vue.js 是一款轻量级的前端JavaScript框架，以其易学易用、高性能和组件化的特点在Web开发领域受到广泛欢迎。Vue2.0是其重要版本，相较于Vue1.x，它引入了许多改进和优化，使得开发更加高效。在这个“最容易上手的...
爱分享源代码
12-08
【爱分享源代码】是一个集合了各种编程语言和项目的开源代码资源库，旨在促进开发者之间的学习与交流。这个压缩包中包含的文件很可能是不同项目或应用的源代码，涵盖的领域可能非常广泛，比如网站开发、移动应用、...
【洛谷】【贪心】P1016 [NOIP1999 提高组] 旅行家的预算
xtcc的博客
08-11 730
题目链接：https://www.luogu.com.cn/problem/P1016 题目描述 一个旅行家想驾驶汽车以最少的费用从一个城市到另一个城市（假设出发时油箱是空的）。给定两个城市之间的距离D1、汽车油箱的容量C*（以升为单位）、每升汽油能行驶的距离D2、出发点每升汽油价格P和沿途油站数NN*（N可以为零），油站i离出发点的距离Di、每升汽油价格Pi（i=1,2,…,Ni=1,2,…,N）。计算结果四舍五入至小数点后两位。如果无法到达目的地，则输出“No Solution”。 输入格式 第一行，D
2013IT业各种笔试题汇总（摘录于网友博客）
zhang434的专栏
03-27 3万+
9月25日，小米大连站笔试题： 1一共有100万，抽中的2万，每月增加4万，问20个月能抽中的概率为：？ 2 for(int i=0;i 3 手机wifi（A）….wifi ap….局域网（B）…..路由器…ADSL（C）…..互联网…..服务器 断掉上述ABC哪些点TCP链接会立刻断掉？ 4 12345入栈，出栈结果 21543 31245 43215 12534 可能的为？(第一个和
VS2019下载地址和安装教程
尘海折柳的博客
02-25 404
https://blog.csdn.net/ccc369639963/article/details/122361339
贝叶斯定理先验概率_条件概率的贝叶斯定理
cumtb2009的博客
07-15 1412
贝叶斯定理先验概率 贝叶斯定理 (Bayes Theorem) Bayes theorem, given by Reverend Thomas Bayes and thus named after him, is a method to find the probability of an event whose occurrence is dependent on some other even...
python 函数
exusiaiZ的博客
10-15 458
Python函数的定义 定义函数，也就是创建一个函数，可以理解为创建一个具有某些用途的工具。定义函数需要用 def 关键字实现，具体的语法格式如下： def 函数名(参数列表): //实现特定功能的多行代码 [return [返回值]] 其中，用 [] 括起来的为可选择部分，即可以使用，也可以省略。 此格式中，各部分参数的含义如下： 函数名：其实就是一个符合 Python 语法的标识符，但不建议读者使用 a、b、c 这类简单的标识符作为函数名，函数名最好能够体现出该函数的功能（如上面的 m
Js代码收藏大全
溺水的鱼 - Later equals never.
06-18 2337
1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键  可用于Table    2. 取消选取、防止复制    3. onpaste="return false" 不准粘贴    4. oncopy="return false;" oncut="return false;" 防止复制    >>>>5. IE地址栏前换成自己的
在一款D-Link消费级路由器上，我发现了10个严重漏洞
weixin_33989058的博客
09-15 1万+
本文讲的是在一款D-Link消费级路由器上，我发现了10个严重漏洞，近期，信息安全研究员皮埃尔·金（Pierre·Kim）公开了D-Link DIR 850L消费级无线路由器存在的10个严重漏洞。 此次公开的D-Link漏洞涉及多方面问题，如缺乏对固件映像的适当保护机制，意味着黑客可以向目标设备注入包含后门的恶意拷贝，以及D-Link私有的mydlin...
俄语网站大全
热门推荐
若是凉夜已成梦
03-20 25万+
俄文网站大全发表日期：2008年1月21日 已经有447位读者读过此文转帖一些俄文网站，当然不排除一些网址可能已经打不开了，朋友们可以有选择的浏览！ 俄文网址 搜索引擎 语言、文学 http://www.weblist.ru 汉俄通 http://www.het.cn http://www.rambler.ru/ 俄语库 http://rucool.top
ST-LINK三根线实现下载
long_sir_king的博客
09-14 6260
STM32的JTAG / SWD接口是通过20PIN的线进行连接，ST-Link/V2 JTAG/SWD的接口定义： 仿真器端口 连接目标板 功能 1. TVCC MCU电源VCC 连接STM32目标板的电源VCC 2. TVCC MCU电源VCC 连接STM32目标板的电源VCC 3. TRST GND GROUND 4. UAR...
mybatis-plus实现多对多多表查询
最新发布
07-29
Mybatis-plus是Mybatis的增强工具，它在Mybatis的基础上添加了许多功能，包括强大的条件构造器、内置的Mapper和通用的Service等。它可以简化开发，提高效率。\[1\]\[2\] 要实现多对多多表查询，可以使用Mybatis-plus提供的注解和方法。首先，需要在实体类中使用@TableName注解指定表名，并使用@TableId注解标识主键。然后，在Mapper接口中继承BaseMapper，并指定泛型为对应的实体类。这样就可以使用Mybatis-plus提供的方法进行多表查询了。\[3\] 例如，假设有两个实体类User和Role，它们之间是多对多的关系。可以在User实体类中添加一个List<Role>类型的属性，并使用@TableField注解指定关联表的字段。然后，在UserMapper接口中定义一个方法，使用@Select注解编写SQL语句进行多表查询。 ```java @TableName("user") public class User { @TableId(type = IdType.AUTO) private Integer cid; private String cname; private String password; private String telephone; private String money; private Integer version; @TableField(exist = false) private List<Role> roles; // 省略getter和setter } @TableName("role") public class Role { @TableId(type = IdType.AUTO) private Integer rid; private String rname; // 省略getter和setter } @Mapper public interface UserMapper extends BaseMapper<User> { @Select("SELECT u.*, r.* FROM user u JOIN user_role ur ON u.cid = ur.user_id JOIN role r ON ur.role_id = r.rid WHERE u.cid = #{cid}") User selectUserWithRoles(Integer cid); } ``` 在上述代码中，通过使用@Select注解编写了一个多表查询的SQL语句，查询了用户和角色的信息，并使用JOIN关键字连接了user、user_role和role三张表。通过调用selectUserWithRoles方法，就可以实现多对多多表查询了。 总结起来，使用Mybatis-plus实现多对多多表查询的步骤包括：定义实体类、添加注解、编写SQL语句、调用方法进行查询。希望对你有帮助！ #### 引用[.reference_title] - *1* *2* *3* [【MyBatis】 MyBatis与MyBatis-Plus的区别](https://blog.csdn.net/zsy3757486/article/details/126813667)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值