站长常用的200个js代码

站长常用的200个js代码

 

1.文本框焦点问题

onBlur:当失去输入焦点后产生该事件

onFocus:当输入获得焦点后,产生该文件

Onchange:当文字值改变时,产生该事件

Onselect:当文字加亮后,产生该文件

点击时文字消失,失去焦点时文字再出现 

 

2.网页按钮的特殊颜色

 

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

 

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

 

 

 

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

 

 

 

4.平面按钮

 

 

 

5.按钮颜色变化

 

 

 

6.平面输入框

 

 

 

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

 

8.使文字上下滚动

 

 

 

height=60>

共和国

       

 

 

 

9.状态栏显示该页状态

 

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


    


 

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

 

 

 

12.打印打印网页

 

13.线型输入框

 

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

 

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

link

 

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

background.html

Changing Background Colors


 

 

 

17.将按钮的特征改变

 

  本例按钮的代码如下:

 

 

 

οnmοuseοut="this.className='style1'" class="style1">

 

18.改变按钮的图片.

 

  本例的按钮代码如下: 

 

οnmοuseοut="this.className='style3'" class="style3">

 

19.打印页面

 

20.可以直接写html语言

document.write("");

 

21.改变下拉框的颜色

 

>guoqiang99859

 

25.layer2为组件的ID,可以控制组件是否可见

document.all.item('Layer2').style.display = "block";

document.all.item('Layer2').style.display = "none";//

 

26.将页面加入favorite中

//

 

 

 

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非空的选项时转向指定连接

 

 

 

31.改变背景颜色

 

οnmοuseοut="this.bgColor='#FAFBFC';">

 

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

 

 

 

33.改变水平线的特征


 

34.传递参数的方式

8

 

 

 

35.页内跳转

1

2

3

4

5

6

7

dfdf

dfdf//

 

1.跳到本页面指定的位置(顶部)

2. 也可以跳到本页首部,不过有时却跳到了网站首页

 

36.两个按键一起按下

if(event.ctrlKey && window.event.keyCode==13)//

 

37.刷新页面

javascript:this.location.reload()//

 

 

 

38.将网页的按钮使能

 

39.文字移动

 

 

 

40.双击网页自动跑

//

 

 

 

41.后退

 

 

 

42.前进

 

 

 

43.刷新

 

 

 

44.转向指定网页

document.location="http://www.0051.com"或者document.location.assign("http://www.666c.com")

 

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

//

 

 

 

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”内写下所需内容

//

 

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

 

完整的css

 

 

50.新建frame

 

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

 

/a_13.html')">帮助

 

 

51.向文件中写内容

<%@ page import="java.io.*" %>

<%

String str = "print me";

//always give the path from root. This way it almost always works.

String nameOfTextFile = "/usr/anil/imp.txt";

try

PrintWriter pw = new PrintWriter(new FileOutputStream(nameOfTextFile));

pw.println(str);

//clean up

pw.close();

}

catch(IOException e)

{

out.println(e.getMessage());

}

%>

 

 

 

52.先读文件再写文件

<%@ page language = "java" %>

<%@ page contentType = "text/html; charSet=gb2312" %>

<%@ page import ="java.util.*" %>

<%@ page import ="java.lang.*" %>

<%@ page import ="javax.servlet.*" %>

<%@ page import ="javax.servlet.jsp.*" %>

<%@ page import ="javax.servlet.http.*" %>

<%@ page import="java.io.*" %>

eryrytry

<%

int count=0;

FileInputStream fi =new FileInputStream ("count.txt");

ObjectInputStream si= new ObjectInputStream (fi);

count =si.readInt();

count++;

out.print(count);

si.close();

 

FileOutputStream fo =new FileOutputStream ("count.txt");

ObjectOutputStream so= new ObjectOutputStream (fo);

so.writeInt(count);

so.close();

%>

 

 

 

53.直线型输入框

 

54.可以将背景改为按钮性状,通过改变css改变属性

 

 

 

οnmοuseοut=this.className='mouseout';>

 

 

 

color="#000000">录音笔

 

55.同时按下CTRL和Q键

document.οnkeydοwn=function()

{

if(event.ctrlKey&&event.keyCode==81)

{alert(1)}

}//

 

 

 

56.以下是一个完整的显示hint的代码,其思想是当鼠标停留是将div中的内容显示在鼠标出,当鼠标移出后在将该div隐

 

藏掉

---------------------------------------------------------------------------------------------------------

 

------------

 

 

 

dfdfd

--------------------------------------------------------------------------------------------------------- 

 

------------

 

57.弹出窗口

方法一: 浏览器读页面时弹出窗口; 

方法二: 浏览器离开页面时弹出窗口; 

方法三:用一个连接调用:打开一个窗口 

注意:使用的"#"是虚连接。 

方法四:用一个按钮调用: 何时装载script

 

 

 

 

58.动态改变字体的大小

function doZoom(size)

{

   document.getElementById('zoom').style.fontSize=size+'px'

}

 

 

 

function aa()

{

   var newWin=window.open(url);

   newWin.document.form1.text1.value=value1;

}改变弹出窗口上域的属性

opener.document.form2.text2.value=value2;改变父窗口的域的值

 

59.判断是何种浏览器

var name = navigator.appName;

if (name == "Microsoft Internet Explorer")

alert("IE");

else if (name == "Netscape")

alert("NS");//

 

 

 

60.vbsscript确定框

//

 

 

 

61.复制内容到剪切板

function JM_cc(bb)

{

    var ob=eval("document.form1."+bb);

    ob.select();

    js=ob.createTextRange();

    js.execCommand("Copy");

}//

 

62.java中建立数据库连接取数据

public void init()

{

String url="jdbc:odbc:javadata";

try

{

Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");

Connection con=DriverManager.getConnection(url,"sa","");//mssql database user SA and password

DatabaseMetaData dma=con.getMetaData();

System.out.println("Connect to"+dma.getURL());

System.out.println(";Driver "+dma.getDriverName());

System.out.println(";Version "+dma.getDriverVersion());

System.out.println("");

Statement stmt=con.createStatement();

ResultSet rs=stmt.executeQuery("select * from company.dbo.TB_NAME where number=1");//Sql 

rs.next();

String dispresult=rs.getString("name");

System.out.println(dispresult);// Instead,you can display it in Paint() or use AWT etc.

rs.close();

stmt.close();

con.close();

}

catch(SQLException ex)

{

System.out.println("!!!SQL Exception !!!"); 

while(ex!=null)

{

   System.out.println("SQLState:"+ex.getSQLState());

   System.out.println("Message:"+ex.getMessage());

   System.out.println("Vendor:"+ex.getErrorCode());

   ex=ex.getNextException();

   System.out.println("");

}

 

 

}

catch(java.lang.Exception ex)

{

ex.printStackTrace();

}

}//

 

 

 

 

63.最小化窗口

window.blur()//

 

 

 

 

64.文档的路径

document.URL//

 

65.定时执行某段程序

setTimeout("change_color()",600);

 

66.设置为主页

function makeHome(){

netscape.security.PrivilegeManager.enablePrivilege("UniversalPreferencesWrite");

navigator.preference("browser.startup.homepage", location.href);

}//

 

 

 

67.设置为收藏

function addFav(){

if(ie)

    window.external.AddFavorite(location.href,'WWW.OGRISH.COM : GROTESQUE MOVIES AND PICTURES');

if(ns)

    alert("Thanks for the bookmark!/n/nNetscape users click OK then press CTRL-D");

}//

 

 

 

68.判断cookie是否可用

navigator.cookieEnabled;//

 

 

 

69.显示有模式的有页面的弹出窗口

function setbgcolor_onclick()

{

var color = showModalDialog("/mailpage/compose/colorsel.html",0,"help=0");

if (color != null)

{

document.compose.bgcolor.value = color;

}

}//

 

 

 

 

70.截取小数点后两位

var a=3454545.4454545;

alert(a.toFixed(2));//

 

 

 

 

71.禁止选择页面上的文字来拷贝

//

 

72.屏蔽右键菜单

οncοntextmenu="event.returnValue = false"//

 

 

 

73.事件禁止起泡

event.cancelBubble = true//

 

 

 

74.禁止在输入框打开输入法

//

 

75.屏蔽汉字和空格

//

 

76.用javascript判断文件是否存在

function Exists(filespec)

{

if (filespec)

{

var fso;

fso = new ActiveXObject("Scripting.FileSystemObject");

alert(fso.FileExists(filespec));

}

}

选择图片

//

 

77.获得当前的文本框选中的文字

//

 

78.跳转至目标页面,同时不可返回

sohu.com//

 

 

79.获得当前的行是表格的第几行

 

    

    

    

    

    

    

    

    

    

    

         
         
//

 

 

 

80.删除表格某行,xx表示某行,下标从0开始计算

document.all.myTable.deleteRow(xx)//

 

81.动态的向表格中添加行

//

 

 

 

90.取第x,y的值

//

 

 

 

91.向新打开的网页上写内容

newwin=window.open('about:blank','','top=10');

newwin.document.write('');//

 

93.返回

javascript:history.go(-2);//

 

 

 

94.将页面上选中的内容复制到剪贴板

abcdefg

 

οnclick="window.clipboardData.setData('text',document.selection.createRange().text);" value='复制页面选中

 

的字符'>//

95.将页面上选中的内容复制到剪贴板

kjhkjhkhkj////

 

 

 

96.鼠标移到下拉框时自动全部打开

//

 

97.获得本机的文件

var fso = new ActiveXObject("Scripting.FileSystemObject"); 

var f1 = fso.GetFile("C://bsitcdata//ejbhome.xml"); 

alert("File last modified: " + f1.DateLastModified); //

 

98.判断客户端是否是IE浏览器

因为 document.all 是 IE 的特有属性,所以通常用这个方法来判断客户端是否是IE浏览器 ,document.all?1:0;

 

 

 

99.创建新的下拉框选项

new Option(text,value)这样的函数//

 

 

 

100.在页面上画柱状图


%12
4人

 

backdepth='15pt' on='true'/>


%12
4人

 

 

 

backdepth='15pt' on='true'/>//

 

 

101.饼图

 

 

 

οnmοuseοver='javascript:show(this);' οnmοuseοut='javascript:hide(this);' href='http://www.7733.com'

 

 

 

CoordSize='10,10' strokecolor='white' fillcolor='#ffff33'>

 

 

 

οnmοuseοver='javascript:show(this);' οnmοuseοut='javascript:hide(this);' href='http://www.7733.com'

 

 

 

CoordSize='10,10' strokecolor='white' fillcolor='#ff9933'>

 

οnmοuseοver='javascript:show(this);' οnmοuseοut='javascript:hide(this);' href='http://www.7733.com'

 

 

 

CoordSize='10,10' strokecolor='white' fillcolor='#3399ff'>

 

οnmοuseοver='javascript:show(this);' οnmοuseοut='javascript:hide(this);' href='http://www.7733.com'

 

CoordSize='10,10' strokecolor='white' fillcolor='#99ff33'>

 

οnmοuseοver='javascript:show(this);' οnmοuseοut='javascript:hide(this);' href='http://www.7733.com'

 

 

 

CoordSize='10,10' strokecolor='white' fillcolor='#ff6600'>

 

οnmοuseοver='javascript:show(this);' οnmοuseοut='javascript:hide(this);' href='http://www.7733.com'

 

 

 

CoordSize='10,10' strokecolor='white' fillcolor='#ff99ff'>

 

 

 

 

style='fontsize:2'>asp技术

 

style='fontsize:2'>php

 

style='fontsize:2'>jsp

 

style='fontsize:2'>c#写的.netWEB程序

vb.net

 

 

 

写的.netWEB程序

xml技术

 

 

 

 

 

style="border-collapse: collapse" bordercolor="#CCCCCC" width="100%" ID="Table1">

  

 

//

 

 

 

102.是一个特殊的容器,想装个网页都行

//button

 

103.外部的html代码

event.srcElement.outerHTML//

 

104.标识当前的IE事件的触发器

event.srcElement和event.keyCode//

 

 

 

105.事件类型

event.type//

 

 

 

106.动态改变类型

//

 

107.页面翻转

//

 

108.滚屏

parent.scroll(x,y);//

//

 

 

 

109.改变状态栏

self.status ="";//

 

 

 

110.改变窗口大小

window.resizeTo(200,300);//

 

 

 

111.改变鼠标样式

style

BODY{CURSOR: url('mouse.ani');

SCROLLBAR-BASE-COLOR: #506AA8; 

SCROLLBAR-ARROW-COLOR: #14213F;

}//

 

112.背景透明

//

 

 

 

113.鼠标为等待形状

//

 

114.调用父窗口的函数

opener.fucntion1();//

 

115.body的内部html代码

//

 

116.框架中调用父窗口的函数

//

 

 

 

117.交换节点

CELL_1
CELL_2


//

 

118.删除节点

CELL_1
CELL_2


//

 

119.添加节点

addNode()//

 

 

 

120.获得事件的父与子标签

event.srcElement.children[0]和event.srcElement.parentElement //

 

 

121.集中为按钮改变颜色

//

 

 

 

 

122.判断是左键还是右键被按下

//

 

 

 

123.获得操作系统的名称和浏览器的名称

document.write(navigator.userAgent)//

 

 

124.alt/ctrl/shift键按下

event.altKey //按下alt键

event.ctrlKey //按下ctrl键

event.shiftKey //按下shift键

 

 

 

 

 

 

125.将当前位置定位为C盘。

{window.location="c:"}//

 

 

 

126.返回输入框的类型

 

 

 

127.模拟控件的单击事件

//

 

 

 

 

128.取出记录集的列名

java.sql.ResultSet rset = com.bsitc.util.DBAssist.getIT().executeQuery(queryStatement, conn);

java.sql.ResultSetMetaData metaData = rset.getMetaData();

int count = metaData.getColumnCount();

String name = metaData.getColumnName(i);

String value = rset.getString(i);//

 

129.格式化数字

function format_number(str,digit)

{

if(isNaN(str))

{

alert("您传入的值不是数字!");

return 0;

}

else if(Math.round(digit)!=digit)

{

alert("您输入的小数位数不是整数!");

return 0;

}

else 

return Math.round(parseFloat(str)*Math.pow(10,digit))/Math.pow(10,digit);

}

 

130.回车按钮转化为tab按钮

if(event.keyCode==13) event.keyCode=9; //将

 

 

131.滚动条滚动


//

 

 

132.判断是什么对象

if(typeof(unknown)=="function")return true;

if(typeof(unknown)!="object")return false;//

 

 

 

 

133.取消文本框自动完成功能

//

 

134.让下拉框自动下拉

//

 

 

135.读取XML文件

var childrenobj=myselect//document.all.myselect;

    var oXMLDoc = new ActiveXObject('MSXML');

    oXMLDoc.url = "mymsg.xml";

    var oRoot=oXMLDoc.root;

    if(oRoot.children != null) 

{

        for(var i=0;i

{

            oItem = oRoot.children.item(0).children.item(i);

            oOption = new Option(oItem.text,oItem.value);

   childrenobj.add(oOption);

        }

    }

//mymsg.xml文件

杭州地区

 

温州地区

 

台州地区

 

丽水地区

//

 

 

136.点击图片,图片停止

//

 

137.显示本地计算机信息

var WshNetwork = new ActiveXObject("WScript.Network");

alert("Domain = " + WshNetwork.UserDomain);

alert("Computer Name = " + WshNetwork.ComputerName);

alert("User Name = " + WshNetwork.UserName);//

 

 

 

 

138.比较时间

tDate = new Date(2004,01,08,14,35); //年,月,日,时,分

dDate = new Date();

tDate

 

 

 

139.弹出鼠标所在处的链结地址

 

href=".com/viewthread.php?tid=13589" >dddd//

 

140.注意不能通过与 undefined 做比较来测试一个变量是否存在,虽然可以检查它的类型是否为“undefined”。在以

 

 

 

下的代码范例中,假设程序员想测试是否已经声明变量 x :

// 这种方法不起作用

if (x == undefined)

    // 作某些操作

// 这个方法同样不起作用- 必须检查

 

 

// 字符串 "undefined"

if (typeof(x) == undefined)

    // 作某些操作

// 这个方法有效

if (typeof(x) == "undefined")

    // 作某些操作

 

141.创建具有某些属性的对象

var myObject = new Object();

myObject.name = "James";

myObject.age = "22";

myObject.phone = "555 1234";//

 

142.枚举(循环)对象的所有属性

for (var a in myObject)

{

    // 显示 "The property 'name' is James",等等。

    window.alert("The property '" + a + "' is " + myObject[a]);

}//

 

143.判断一个数字是否是整数

var a=23.2;

alert(a%1==1)//

 

 

144.新建日期型变量

var a = new Date(2000, 1, 1);

alert(a.toLocaleDateString());

 

 

145.给类定义新的方法

function trim_1()

{

return this.replace(/(^/s*)|(/s*$)/g, "");

}

String.prototype.trim=trim_1;

alert('cindy'.trim());

 

 

 

 

146.定义一个将日期类型转化为字符串的方法

function guoguo_date()

{

var tmp1,tmp2;

tmp1 =this.getMonth()+1+"";

if(tmp1.length<2)

tmp1="0"+tmp1;

tmp2 =this.getDate()+"";

if(tmp2.length<2)

tmp2="0"+tmp2;

 

return this.getYear()+"-"+tmp1+"-"+tmp2;

}

Date.prototype.toLiteString=guoguo_date;

alert(new Date().toLiteString())

 

 

 

 

147. pasta 是有四个参数的构造器,定义对象。

function pasta(grain, width, shape, hasEgg)

{

    // 是用什么粮食做的?

    this.grain = grain;

 

    // 多宽?(数值)

    this.width = width;    

 

 

 

    // 横截面形状?(字符串)

    this.shape = shape;  

 

    // 是否加蛋黄?(boolean)

    this.hasEgg = hasEgg; 

 

 

 

    //定义方法

    this.toString=aa;

}

function aa()

{

;

}

//定义了对象构造器后,用 new 运算符创建对象实例。

var spaghetti = new pasta("wheat", 0.2, "circle", true);

var linguine = new pasta("wheat", 0.3, "oval", true);

//补充定义属性,spaghetti和linguine都将自动获得新的属性

pasta.prototype.foodgroup = "carbohydrates";

 

 

 

 

148.打印出错误原因

try

{

x = y   // 产生错误。

}

catch(e)

{

   document.write(e.description)   //打印 "'y' is undefined".

}//

 

149.生成Excel文件并保存

var ExcelSheet;

ExcelApp = new ActiveXObject("Excel.Application");

ExcelSheet = new ActiveXObject("Excel.Sheet");

//本代码启动创建对象的应用程序(在这种情况下,Microsoft Excel 工作表)。一旦对象被创建,就可以用定义的对

 

象变量在代码中引用它。 在下面的例子中,通过对象变量 ExcelSheet 访问新对象的属性和方法和其他 Excel 对象,

 

 

 

包括 Application 对象和 ActiveSheet.Cells 集合。 

// 使 Excel 通过 Application 对象可见。

ExcelSheet.Application.Visible = true;

// 将一些文本放置到表格的第一格中。

ExcelSheet.ActiveSheet.Cells(1,1).Value = "This is column A, row 1";

// 保存表格。

ExcelSheet.SaveAs("C://TEST.XLS");

// 用 Application 对象用 Quit 方法关闭 Excel。

ExcelSheet.Application.Quit();//

 

 

 

150.根据标签获得一组对象

var coll = document.all.tags("DIV");

if (coll!=null)

{

for (i=0; i

...

}//

 

 

151.实现打印预览及打印

 

// 

152.不通过form,直接通过名字引用对象

//

 

153.使鼠标滚轮失效

function document.onmousewheel()

{

return false;

}//

 

154.创建弹出窗口

//

 

155.取得鼠标所在处的对象

var obj = document.elementFromPoint(event.x,event.y);//

 

156.获得左边的对象

 

οnclick="this.previousSibling.value='guoguo'">//

 

157.定位鼠标

document.all.hint_layer.style.left = event.x+document.body.scrollLeft+10;

document.all.hint_layer.style.top = event.y+document.body.scrollTop+10;//

 

158.向下拉框指定位置添加项目

var op = document.createElement("OPTION");

document.all.selected_items.children(index).insertAdjacentElement("BeforeBegin",op);

op.text = document.all.all_items[i].text;

op.value = document.all.all_items[i].value;//

 

 

 

 

159.判断一个窗口是否已经打开,如果已经打开,则关闭之

var a;

if(a) 

a.close();

else

a=window.open('','','');// 

 

160.动态创建一个标签

newElem = document.createElement("DIV");

newElem.id = "hint_layer";

document.body.appendChild(newElem);

document.all.hint_layer.innerText="guoguo";//

 

161.标题栏

document.title//

 

 

 

162.背景图片

//背景图片不动

 

//背景图片居中

 

163.设置透明效果

document.form.xxx.filters.alpha.opacity=0~100//

 

 

 

164.定义方法

var dragapproved=false;

document.οnmοuseup=new Function("dragapproved = false");//

 

165.将数字转化为人民币大写形式

function convertCurrency(currencyDigits) {

// Constants:

var MAXIMUM_NUMBER = 99999999999.99;

// Predefine the radix characters and currency symbols for output:

var CN_ZERO = "零";

var CN_ONE = "壹";

var CN_TWO = "贰";

var CN_THREE = "叁";

var CN_FOUR = "肆";

var CN_FIVE = "伍";

var CN_SIX = "陆";

var CN_SEVEN = "柒";

var CN_EIGHT = "捌";

var CN_NINE = "玖";

var CN_TEN = "拾";

var CN_HUNDRED = "佰";

var CN_THOUSAND = "仟";

var CN_TEN_THOUSAND = "万";

var CN_HUNDRED_MILLION = "亿";

var CN_SYMBOL = "人民币";

var CN_DOLLAR = "元";

var CN_TEN_CENT = "角";

var CN_CENT = "分";

var CN_INTEGER = "整";

 

// Variables:

var integral; // Represent integral part of digit number. 

var decimal; // Represent decimal part of digit number.

var outputCharacters; // The output result.

var parts;

var digits, radices, bigRadices, decimals;

var zeroCount;

var i, p, d;

var quotient, modulus;

 

// Validate input string:

currencyDigits = currencyDigits.toString();

if (currencyDigits == "") {

alert("Empty input!");

return "";

}

if (currencyDigits.match(/[^,./d]/) != null) {

alert("Invalid characters in the input string!");

return "";

}

if ((currencyDigits).match(/^((/d{1,3}(,/d{3})*(.((/d{3},)*/d{1,3}))?)|(/d+(./d+)?))$/) == null) {

alert("Illegal format of digit number!");

return "";

}

 

// Normalize the format of input digits:

currencyDigits = currencyDigits.replace(/,/g, ""); // Remove comma delimiters.

currencyDigits = currencyDigits.replace(/^0+/, ""); // Trim zeros at the beginning. 

// Assert the number is not greater than the maximum number.

if (Number(currencyDigits) > MAXIMUM_NUMBER) {

alert("Too large a number to convert!");

return "";

}

 

// http://www.knowsky.com/ Process the coversion from currency digits to characters:

// Separate integral and decimal parts before processing coversion:

parts = currencyDigits.split(".");

if (parts.length > 1) {

integral = parts[0];

decimal = parts[1];

// Cut down redundant decimal digits that are after the second.

decimal = decimal.substr(0, 2);

}

else {

integral = parts[0];

decimal = "";

}

// Prepare the characters corresponding to the digits:

digits = new Array(CN_ZERO, CN_ONE, CN_TWO, CN_THREE, CN_FOUR, CN_FIVE, CN_SIX, CN_SEVEN, CN_EIGHT,

 

CN_NINE);

radices = new Array("", CN_TEN, CN_HUNDRED, CN_THOUSAND);

bigRadices = new Array("", CN_TEN_THOUSAND, CN_HUNDRED_MILLION);

decimals = new Array(CN_TEN_CENT, CN_CENT);

// Start processing:

outputCharacters = "";

// Process integral part if it is larger than 0:

if (Number(integral) > 0) {

zeroCount = 0;

for (i = 0; i < integral.length; i++) {

   p = integral.length - i - 1;

   d = integral.substr(i, 1);

   quotient = p / 4;

   modulus = p % 4;

   if (d == "0") {

    zeroCount++;

   }

   else {

    if (zeroCount > 0)

    {

     outputCharacters += digits[0];

    }

    zeroCount = 0;

    outputCharacters += digits[Number(d)] + radices[modulus];

   }

   if (modulus == 0 && zeroCount < 4) {

 

 

 

    outputCharacters += bigRadices[quotient];

   }

}

outputCharacters += CN_DOLLAR;

}

// Process decimal part if there is:

if (decimal != "") {

for (i = 0; i < decimal.length; i++) {

   d = decimal.substr(i, 1);

   if (d != "0") {

    outputCharacters += digits[Number(d)] + decimals[i];

   }

}

}

// Confirm and return the final output string:

if (outputCharacters == "") {

outputCharacters = CN_ZERO + CN_DOLLAR;

}

if (decimal == "") {

outputCharacters += CN_INTEGER;

}

outputCharacters = CN_SYMBOL + outputCharacters;

return outputCharacters;

}//

 

 

 

166.xml数据岛绑定表格

接收人 发送人 主题 内容
表格的结束

 

 

 

//cd_catalog.xml

 

 

Empire Burlesque 

Bob Dylan 

USA 

Columbia 

10.90 

1985 

Hide your heart 

Bonnie Tyler 

UK 

CBS Records 

9.90 

1988 

Greatest Hits 

Dolly Parton 

USA 

RCA 

9.90 

1982 

Still got the blues 

Gary Moore 

UK 

Virgin records 

10.20 

1990 

//

 

 

167.以下组合可以正确显示汉字

================================

xml保存编码 xml页面指定编码

ANSI gbk/GBK、gb2312

Unicode unicode/Unicode

UTF-8 UTF-8

================================

 

 

 

 

168.XML操作

 

 

169.动态修改CSS的另一种方式

this.runtimeStyle.cssText = "color:#990000;border:1px solid #cccccc";//

 

 

 

170.正则表达式

匹配中文字符的正则表达式: [/u4e00-/u9fa5]

 

 

 

匹配双字节字符(包括汉字在内):[^/x00-/xff]

 

 

 

应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)

 

 

 

String.prototype.len=function(){return this.replace([^/x00-/xff]/g,"aa").length;}

 

匹配空行的正则表达式:/n[/s| ]*/r

 

匹配HTML标记的正则表达式:/<(.*)>.*|<(.*) //>/

 

 

 

匹配首尾空格的正则表达式:(^/s*)|(/s*$)

 

 

 

应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现,如下:

 

String.prototype.trim = function()

{

    return this.replace(/(^/s*)|(/s*$)/g, "");

}

 

////////利用正则表达式分解和转换IP地址:

 

下面是利用正则表达式匹配IP地址,并将IP地址转换成对应数值的Javascript程序:

 

 

 

function IP2V(ip)

{

re=/(/d+)/.(/d+)/.(/d+)/.(/d+)/g //匹配IP地址的正则表达式

if(re.test(ip))

{

return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1

}

else

{

throw new Error("Not a valid IP address!")

}

}

 

 

 

不过上面的程序如果不用正则表达式,而直接用split函数来分解可能更简单,程序如下:

 

 

 

var ip="10.100.20.168"

ip=ip.split(".")

alert("IP值是:"+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1))

 

匹配Email地址的正则表达式:/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*

 

 

 

匹配网址URL的正则表达式:http://([/w-]+/.)+[/w-]+(/[/w- ./?%&=]*)?

 

//////////利用正则表达式去除字串中重复的字符的算法程序:

 

var s="abacabefgeeii"

var s1=s.replace(/(.).*/1/g,"$1")

var re=new RegExp("["+s1+"]","g")

var s2=s.replace(re,"") 

alert(s1+s2) //结果为:abcefgi

 

思路是使用后向引用取出包括重复的字符,再以重复的字符建立第二个表达式,取到不重复的字符,两者串连。这个方

 

法对于字符顺序有要求的字符串可能不适用。

 

 

 

//////////得用正则表达式从URL地址中提取文件名的javascript程序,如下结果为page1

 

 

 

s="http://www.9499.net/page1.htm"

s=s.replace(/(.*//){0,}([^/.]+).*/ig,"$2")

alert(s)

 

/////////利用正则表达式限制网页表单里的文本框输入内容:

 

用正则表达式限制只能输入中文:οnkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')"

 

onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,'')

 

 

 

)"

 

用正则表达式限制只能输入全角字符: οnkeyup="value=value.replace(/[^/uFF00-/uFFFF]/g,'')"

 

onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/uFF00-/uFFFF]/g,'')

 

)"

 

用正则表达式限制只能输入数字:οnkeyup="value=value.replace(/[^/d]/g,'')

 

"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"

 

用正则表达式限制只能输入数字和英文:οnkeyup="value=value.replace(/[/W]/g,'')

 

"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"

 

 

171.设置和使用cookie

设置与读取 cookies...

写入cookie的值


 

//

 

 

172.取月的最后一天

function getLastDay(year,month)

{

//取年

var new_year = year;

//取到下一个月的第一天,注意这里传入的month是从1~12 

var new_month = month++;

//如果当前是12月,则转至下一年

if(month>12)

{

new_month -=12;

new_year++;

}

var new_date = new Date(new_year,new_month,1);

return (new Date(new_date.getTime()-1000*60*60*24)).getDate();

}//

 

173.判断当前的焦点是组中的哪一个

for(var i=0;i<3;i++)

if(event.srcElement==bb[i])

break;//

 

 

 

 

174.实现类

package com.baosight.view.utils;

import javax.servlet.jsp.tagext.TagSupport;

import javax.servlet.http.HttpSession;

public class Mytag extends TagSupport 

{

public int doStartTag() throws javax.servlet.jsp.JspException 

{

    boolean canAccess = false;

    HttpSession session= pageContext.getSession();

    if (canAccess) 

    {

      return EVAL_BODY_INCLUDE;

    }

    else 

    {

      return this.SKIP_BODY;

    }

}

}

 

175.在web.xml中添加定义

    guoguo

    /WEB-INF/abc.tld

 

 

176.标签库中定义abc.tld

"http://tool.admin5.com/j2ee/dtds/web-jsptaglibrary_1_1.dtd">

1.0

1.1

hr

guoguo

Extra 3 Tag Library

mytag

com.baosight.view.utils.Mytag

   id2

   true

            true

 

 

 

 

177.在使用自定义标签的页面中加入自己定义的标签,

<%@ taglib uri="guoguo" prefix="guoguo" %>

//自己定义标签

 

 

 

 

178.显示带边框的集

查询条件

dfdfdf

//

 

 

 

 

179.【文件(F)】菜单中的命令的实现

 

 

 

1、〖打开〗命令的实现

[格式]:document.execCommand("open")

[说明]这跟VB等编程设计中的webbrowser控件中的命令有些相似,大家也可依此琢磨琢磨。

[举例]在之间加入:

打开

 

 

 

2、〖使用 记事本 编辑〗命令的实现

[格式]:location.replace("view-source:"+location)

[说明]打开记事本,在记事本中显示该网页的源代码。

[举例]在之间加入:

使用 记事本编辑

 

 

 

3、〖另存为〗命令的实现

[格式]:document.execCommand("saveAs")

[说明]将该网页保存到本地盘的其它目录!

[举例]在之间加入:

另存为

 

 

 

4、〖打印〗命令的实现

[格式]:document.execCommand("print")

[说明]当然,你必须装了打印机!

[举例]在之间加入:

打印

 

5、〖关闭〗命令的实现

[格式]:window.close();return false

[说明]将关闭本窗口。

[举例]在之间加入:

关闭本窗口

 

 

 

180.【编辑(E)】菜单中的命令的实现

 

 

 

〖全选〗命令的实现

[格式]:document.execCommand("selectAll")

[说明]将选种网页中的全部内容!

[举例]在之间加入:

全选

 

 

 

181.【查看(V)】菜单中的命令的实现

 

 

 

1、〖刷新〗命令的实现

[格式]:location.reload() 或 history.go(0)

[说明]浏览器重新打开本页。

[举例]在之间加入:

刷新

或加入:

刷新

 

2、〖源文件〗命令的实现

[格式]:location.replace("view-source:"+location)

[说明]查看该网页的源代码。

[举例]在之间加入:

查看源文件

 

 

 

3、〖全屏显示〗命令的实现

[格式]:window.open(document.location, "url", "fullscreen")

[说明]全屏显示本页。

[举例]在之间加入:

全屏显示

 

 

 

182.【收藏(A)】菜单中的命令的实现

 

 

 

1、〖添加到收藏夹〗命令的实现

[格式]:window.external.AddFavorite('url', '“网站名”)

[说明]将本页添加到收藏夹。

[举例]在之间加入:

添加到收

 

 

 

藏夹

 

 

 

2、〖整理收藏夹〗命令的实现

[格式]:window.external.showBrowserUI("OrganizeFavorites",null)

[说明]打开整理收藏夹对话框。

[举例]在之间加入:

整理收藏夹

 

183.【工具(T)】菜单中的命令的实现

 

〖internet选项〗命令的实现

[格式]:window.external.showBrowserUI("PrivacySettings",null)

[说明]打开internet选项对话框。

[举例]在之间加入:

internet选项

 

184.【工具栏】中的命令的实现

 

 

 

1、〖前进〗命令的实现

[格式]history.go(1) 或 history.forward()

[说明]浏览器打开后一个页面。

[举例]在之间加入:

前进

或加入:

前进

 

 

2、〖后退〗命令的实现

[格式]:history.go(-1) 或 history.back()

[说明]浏览器返回上一个已浏览的页面。

[举例]在之间加入:

后退

或加入:

后退

 

 

 

3、〖刷新〗命令的实现

[格式]:document.reload() 或 history.go(0)

[说明]浏览器重新打开本页。

[举例]在之间加入:

刷新

或加入:

刷新

 

185.其它命令的实现

〖定时关闭本窗口〗命令的实现

[格式]:settimeout(window.close(),关闭的时间)

[说明]将关闭本窗口。

[举例]在之间加入:

3秒关闭本窗口

 

 

 

 

【附】为了方便读者,下面将列出所有实例代码,你可以把它们放到一个html文件中,然后预览效果。

打开

使用 记事本编辑

另存为

打印

关闭本窗口

全选

刷新 刷新

查看源文件

全屏显示

添加到收藏

 

 

 


整理收藏夹

internet选项

前进1 前进2

后退1 后退2

3秒关闭本窗口

 

 

 

 

186.给DHTML中的标签添加一个新的属性,可以随意加

//

 

 

 

 

187.xmlhttp技术

此方法是通过XMLHTTP对象从服务器获取XML文档,示例如下。 

 

 

//

 

 

 

188.服务器端通过request.getReader()获得传入的字符串

 

 

 

189.在java中使用正则表达式

java.util.regex.Pattern p =

 

java.util.regex.Pattern.compile("//d+|.//d+|//d+.//d*|(E|//d+E|.//d+E|//d+.//d*E)((//+|-)//d|//d)//d*");

java.util.regex.Matcher m = p.matcher("12.E+3");

boolean result = m.matches();//

 

 

190.给下拉框分组

//

 

 

 

191.加注音

基准文本

注音文本

//

 

 

192.加删除线

此文本将带删除线显示。//

 

193.取frame中的event事件

document.frames("workspace").event.keyCode//

 

194.是弹出方法的定义

String.prototype.trim=function()

{

return this.replace(/(^/s*)|(/s*$)/g, "");

}

alert(" ".trim)//

 

 

195.防止网页被包含

if (window != window.top)

top.location.href = location.href;//

 

 

 

 

196.让网页一直在frame里面

if(window==window.top)

{

document.body.innerHTML="

请通过正常方式访问本页面!

";

//window.close();

}//

 

 

 

 

197.加为首页

//

 

 

 

 

198.xml数据岛操作

HTML中的数据岛中的记录集

HTML中的XML数据岛记录编辑与添加    


酒店名称:

地址:

主页:

电子邮件:

电话:

级别:


 

 

 

  

 

 

四海大酒店

海魂路1号

www.admin5.com.cn 

[email protected]

(0989)8888888 

五星级

五湖宾馆

东平路99号

www.admin5.cn 

[email protected]

(0979)1111666 

四星级

“大沙漠”宾馆

留香路168号

www.admin5.net 

[email protected] 

(0989)87878788 

五星级

“画眉鸟”大酒店

血海飘香路2号

www.admin5.net 

[email protected]

(099)9886666 

五星级

 

 

 

//xml数据岛中添加记录

 

 

-------------------------------

The following list is a sample of the properties and methods that you use to access nodes in an XML

 

 

 

document.

 

Property/    Method Description 

XMLDocument Returns a reference to the XML Document Object Model (DOM) exposed by the object. 

 

 

 

documentElement Returns the document root of the XML document. 

childNodes    Returns a node list containing the children of a node (if any). 

item     Accesses individual nodes within the list through an index. Index values are zero-based, so

 

item(0) returns the first child node. 

text     Returns the text content of the node.

 

 

 

The following code shows an HTML page containing an XML data island. The data island is contained within

 

 

 

the element.

 

    HTML with XML Data Island<;/TITLE></p> <p></HEAD></p> <p><BODY></p> <p>    <P>Within this document is an XML data island.</P></p> <p> </p> <p> </p> <p> </p> <p>    <XML ID="resortXML"></p> <p>      <resorts></p> <p>        <resort code='1'>Adventure Works</resort></p> <p>        <resort>Alpine Ski House</resort></p> <p>      </resorts></p> <p>    </XML></p> <p> </p> <p></BODY></p> <p></HTML></p> <p>For an example, you can cut and paste this sample line of code:</p> <p> </p> <p> </p> <p> </p> <p>resortXML.XMLDocument.documentElement.childNodes.item(1).text//读取页面上的XML数据岛中的数据</p> <p>resortXML.documentElement.childNodes.item(0).getAttribute("code")//读取页面上的XML数据岛中的数据</p> <p>resortXML.documentElement.childNodes[0].getAttribute("code")//读取页面上的XML数据岛中的数据</p> <p> </p> <p> </p> <p> </p> <p>199.模式窗口</p> <p>父窗口</p> <p>var url="aaa.jsp";</p> <p>var</p> <p> </p> <p>data=showModalDialog(url,null,"dialogHeight:400px;dialogHeight:600px;center:yes;help:No;status:no;resizab</p> <p> </p> <p> </p> <p> </p> <p>le:Yes;edge:sunken");</p> <p>if(data)</p> <p>alert(data.value);</p> <p> </p> <p>子窗口</p> <p>var data=new Object();</p> <p>data.value1="china";</p> <p>window.returnValue=data;</p> <p>window.close();</p> <p> </p> <p> </p> <p> </p> <p> </p> <p>200.动态设置事件,带参数</p> <p><INPUT TYPE="text" NAME="a1"></p> <p><SCRIPT LANGUAGE="JavaScript"></p> <p><!--</p> <p>function hah(para)</p> <p>{</p> <p>alert(para)</p> <p>}</p> <p>a1.οnclick=function()</p> <p>{</p> <p>hah('canshu ')</p> <p>}</p> <p>//a1.attachEvent("onclick",function(){hah('参数')});</p> <p>//--></p> <p></SCRIPT>//</p> <p> </p> <p> </p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1281763424405045248"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部 动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(javascript)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1947283579457302528.htm" title="Javascript 平行四边形周长计算程序(Program for Circumference of a Parallelogram)" target="_blank">Javascript 平行四边形周长计算程序(Program for Circumference of a Parallelogram)</a> <span class="text-muted"></span> <div>给定平行四边形的边,计算周长。示例:输入:a=10,b=8输出:36.00输入:a=25.12,b=20.4输出:91.04平行四边形的对边长度相等且平行。两角相等,但不一定为90度。平行四边形的周长可以计算为两条相邻边之和,每条边乘以2。计算平行四边形周长的公式:(2*a)+(2*b)//JavascriptProgramtocalculatethe//CircumferenceofaParal</div> </li> <li><a href="/article/1947261263990026240.htm" title="白帽必备技术栏目一(javascript基础)" target="_blank">白帽必备技术栏目一(javascript基础)</a> <span class="text-muted"></span> <div>直接进入主题正好也在带学生会把笔记同步发送到csdn上后期不管是去就业还是在家里挖洞都都行javascript基础注意事项局部作用域里面给到的变量不加var就会变成全局变量数据类型boolean布尔类型boolean除了0和空字符串以及nullundefined其他的都是truevarbool=true;varbool=false;number类型varnum=10;//10varnum=0x23</div> </li> <li><a href="/article/1947253698107338752.htm" title="混合开发Hybrid,JSBridge原理简述" target="_blank">混合开发Hybrid,JSBridge原理简述</a> <span class="text-muted">永恒即是最美</span> <div>混合开发(Hybrid),是一种开发模式,指使用多种开发模型开发App。一般有两大模式:原生Native、WebH5。混合开发时,原生、Web相互通信都离不开JSBridge。JSBridge:以JavaScript引擎或Webview容器作为媒介,通过协定协议进行通信,实现Native端和Web端双向通信的一种机制。(webView是移动端提供的运行JavaScript的环境,是系统渲染Web网</div> </li> <li><a href="/article/1947248658713997312.htm" title="数字图像处理(三:图像如果当作矩阵,那加减乘除处理了矩阵,那图像咋变):从LED冬奥会、奥运会及春晚等等大屏,到手机小屏,快来挖一挖里面都有什么" target="_blank">数字图像处理(三:图像如果当作矩阵,那加减乘除处理了矩阵,那图像咋变):从LED冬奥会、奥运会及春晚等等大屏,到手机小屏,快来挖一挖里面都有什么</a> <span class="text-muted"></span> <div>数字图像处理(三)一、(准备工作:咋玩,用什么玩具)图像以矩阵形式存储,那矩阵一变、图像立刻跟着变?1.Python+JupyterNotebook/Lab+库(NumPy,OpenCV,Matplotlib,scikit-image)2.MATLAB+ImageProcessingToolbox3.JavaScript+HTML5Canvas+浏览器4.专业的图像处理软件(带脚本/插件功能)二、</div> </li> <li><a href="/article/1947233651573977088.htm" title="深入理解浏览器解析机制和XSS向量编码" target="_blank">深入理解浏览器解析机制和XSS向量编码</a> <span class="text-muted">lq_ioi_pl</span> <a class="tag" taget="_blank" href="/search/xss/1.htm">xss</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A0%81/1.htm">编码</a> <div>URL编码"javascript:alert(1)"---->%6a%61%76%61%73%63%72%69%70%74:%61%6c%65%72%74%28%31%29aaa-------浏览器解析不了。页面识别在url解码之前,在识别标签和属性的时候还没解码,页面就不认识这串编码,不会把它们当作JS代码执行页面识别的时候,已经进行HTML实体解码,变成了aaaaa浏览器会识别它为可执行JS代</div> </li> <li><a href="/article/1947227850054627328.htm" title="XSS的介绍" target="_blank">XSS的介绍</a> <span class="text-muted">lq_ioi_pl</span> <a class="tag" taget="_blank" href="/search/xss/1.htm">xss</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>目录XSS的原理反射型XSSDOM型XSS存储型XSS常见的XSSPayloadXSS的原理XSS全称跨站脚本(CrossSiteScripting),为避免与层叠样式表(CascadingStyleSheets,CSS)的缩写混淆,故缩写为XSS。这是一种将任意Javascript代码插入到其他Web用户页面中执行以达到攻击目的的漏洞。攻击者利用浏览器的动态展示数据功能,在HTML页面里嵌入恶意</div> </li> <li><a href="/article/1947204912051974144.htm" title="DHTMLX Suite 9.2 重磅发布:支持历史记录、类Excel交互、剪贴板、拖放增强等多项升级" target="_blank">DHTMLX Suite 9.2 重磅发布:支持历史记录、类Excel交互、剪贴板、拖放增强等多项升级</a> <span class="text-muted"></span> <div>全球知名的JavaScriptUI组件库DHTMLXSuite迎来9.2新版本!此次更新虽为次版本号,却实质性提升了Grid网格组件的交互能力与用户体验,引入了包括历史记录管理、剪贴板操作、数据选择范围管理、Block区块选择等多项高级模块,支持更接近电子表格的使用体验。新版Grid组件不仅在数据可视化、数据编辑方面功能更强,还增强了与主流前端框架(如React、Vue、Angular)的集成示例</div> </li> <li><a href="/article/1947196965230014464.htm" title="如何用纯 HTML 文件实现 Vue.js 应用,并通过 CDN 引入 Element UI" target="_blank">如何用纯 HTML 文件实现 Vue.js 应用,并通过 CDN 引入 Element UI</a> <span class="text-muted">人工智能训练师</span> <a class="tag" taget="_blank" href="/search/VUE/1.htm">VUE</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a> <div>相关名词解释Vue.jsVue.js:是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建,提供声明式的、组件化的编程模型,可高效开发用户界面。具有响应式数据绑定等特性,能自动跟踪数据变化并更新DOM。ElementUI:是一个基于Vue.js的流行前端UI框架,由饿了么团队开发和维护。它提供了一系列预设计的Vue组件,如按钮、输入框、表格等,可帮</div> </li> <li><a href="/article/1947188515175460864.htm" title="【原生JS教程】第3节:运算符与表达式" target="_blank">【原生JS教程】第3节:运算符与表达式</a> <span class="text-muted">全栈前端老曹</span> <a class="tag" taget="_blank" href="/search/%E5%8E%9F%E7%94%9FJS%E6%95%99%E7%A8%8B%E4%B8%8E%E5%AE%9E%E6%88%98/1.htm">原生JS教程与实战</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%95%99%E7%A8%8B/1.htm">前端教程</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>第3课:运算符与表达式引言运算符是JavaScript中用于操作数据的基本工具,表达式则是由变量、常量、运算符等构成的可求值代码片段。掌握运算符的分类和使用方式,是编写逻辑判断、数据处理和复杂计算的基础。通过本节课的学习,你将掌握:JavaScript中常见的运算符类型(算术、比较、逻辑、三元等)运算符的优先级与结合性表达式的基本概念与使用场景常见运算符陷阱与最佳实践本节内容概要✅1.算术运算符(</div> </li> <li><a href="/article/1947176162606247936.htm" title="前端学习路线推荐" target="_blank">前端学习路线推荐</a> <span class="text-muted">oldfifteen</span> <div>第一阶段:HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效:常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征:正则表达式、排序算</div> </li> <li><a href="/article/1947172756219031552.htm" title="程序员的技术栈及学习路径" target="_blank">程序员的技术栈及学习路径</a> <span class="text-muted">Honeysea_70</span> <a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86/1.htm">基础知识</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>程序员的技术栈是非常多元的,通常涵盖了多个领域和技术。程序员的技术栈通常根据工作需求、项目类型以及个人兴趣的不同而有所不同,但通常会有一定的共性。下面是一个较为典型的程序员的技术栈,以及如何从入门到进阶地学习这些技术。1.编程语言掌握多种编程语言一个资深程序员通常会熟练掌握至少两到三种编程语言,每种语言的侧重点不同,适用于不同的开发场景。主流编程语言:JavaScript:前端开发的核心语言,Re</div> </li> <li><a href="/article/1947150439640264704.htm" title="WEB:DOM (二)核心操作 —— 内容" target="_blank">WEB:DOM (二)核心操作 —— 内容</a> <span class="text-muted"></span> <div>文章目录一、innerHTML二、innerText与textContent2.1innerText2.2textContent2.3对比与选择三、表单元素的值操作获取和修改元素的内容是DOM操作中最常见的需求,JavaScript提供了多种方式来操作元素的内容。一、innerHTMLinnerHTML属性用于获取或设置元素的HTML内容,设置时会解析HTML标签。原始内容constcontent</div> </li> <li><a href="/article/1947142987007979520.htm" title="(2)React的JSX语法" target="_blank">(2)React的JSX语法</a> <span class="text-muted">__method__</span> <div>JSX−JSX是JavaScript语法的扩展。React开发不一定使用JSX,但我们建议使用它。要使用自定义的组件,要以大写字母开始自行编辑一个todolist页面首先在src下面创建src/TodoList.js,输入以下代码importReact,{Component}from"react";classTodoListextendsComponent{render(){return(todo</div> </li> <li><a href="/article/1947141107905261568.htm" title="JavaScript语言基础全解析:语法、面向对象与异步编程" target="_blank">JavaScript语言基础全解析:语法、面向对象与异步编程</a> <span class="text-muted">白仑色</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%B3%BB%E5%88%97/1.htm">前端系列</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/udp/1.htm">udp</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>引言:JavaScript的三大核心支柱JavaScript作为一门跨平台、多范式的编程语言,已从最初的网页脚本发展为全栈开发的基石。其语言基础可概括为三大核心:语法基础(变量、数据类型、控制流等)、面向对象与原型系统(独特的原型继承机制)、异步编程模型(处理非阻塞操作的核心方案)。掌握这三部分,不仅能写出规范的代码,更能深入理解JavaScript的设计哲学。本文将系统讲解这三大模块,每个知识点</div> </li> <li><a href="/article/1947113625495859200.htm" title="Java实习模拟面试之创玖科技:前后端交互、数据库、Spring全家桶、性能优化与Linux实战" target="_blank">Java实习模拟面试之创玖科技:前后端交互、数据库、Spring全家桶、性能优化与Linux实战</a> <span class="text-muted">培风图南以星河揽胜</span> <a class="tag" taget="_blank" href="/search/java%E9%9D%A2%E8%AF%95/1.htm">java面试</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E7%A7%91%E6%8A%80/1.htm">科技</a> <div>关键词:JavaScript、JQuery、Ajax、Node.js、MySQL、Oracle、Spring、SpringMVC、SpringBoot、MyBatis、Tomcat、Redis、Nginx、Linux、Git、SAAS系统开发一、面试开场:自我介绍面试官提问:请做个自我介绍,重点突出你的技术栈和项目经验。候选人回答:您好,我是一名计算机科学与技术专业的应届生,具备扎实的Java基础</div> </li> <li><a href="/article/1947112490986958848.htm" title="前端实现抛物线小球动画效果:从原理到代码实践" target="_blank">前端实现抛物线小球动画效果:从原理到代码实践</a> <span class="text-muted">编程随想▿</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%8A%9B%E7%89%A9%E7%BA%BF/1.htm">抛物线</a><a class="tag" taget="_blank" href="/search/JS/1.htm">JS</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a> <div>目录引言一、抛物线动画的核心原理二、纯HTML/CSS实现抛物线动画1.HTML结构2.CSS动画3.效果说明三、动态交互:JavaScript实现抛物线动画1.HTML结构2.JavaScript逻辑3.效果说明四、Vue.js实现抛物线动画1.组件结构2.实现思路五、React实现抛物线动画1.组件代码2.实现思路六、注意事项七、总结引言在前端开发中,动画效果是提升用户体验的重要手段之一。抛物</div> </li> <li><a href="/article/1947112238758293504.htm" title="解锁 JavaScript 模块化:ES6 Module 语法深度指南" target="_blank">解锁 JavaScript 模块化:ES6 Module 语法深度指南</a> <span class="text-muted">编程随想▿</span> <a class="tag" taget="_blank" href="/search/ES6/1.htm">ES6</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>目录ES6Module核心语法1.export-导出模块内容(1)命名导出(NamedExports)(3)混合导出(CombiningNamedandDefault)2.import-导入模块内容(1)导入命名导出(2)导入默认导出(3)混合导入3.动态导入(import())重要特性与注意事项总结ES6Module核心语法ES6Module的核心围绕两个关键字:export和import。1.</div> </li> <li><a href="/article/1947112211478540288.htm" title="JavaScript的介绍及嵌入方式" target="_blank">JavaScript的介绍及嵌入方式</a> <span class="text-muted">紫罗兰丶</span> <div>JavaScript介绍JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互。JavaScript是浏览器解释执行的,前端脚本语言还有JScript(微软,IE独有),ActionScript(Adobe公司,需要插件)等。JavaScript嵌入页面的方式1.页面script标签嵌入vara="你好!"2.外部引用</div> </li> <li><a href="/article/1947110471391834112.htm" title="HTTPS协议的应用场景分析" target="_blank">HTTPS协议的应用场景分析</a> <span class="text-muted">Arwen303</span> <a class="tag" taget="_blank" href="/search/https/1.htm">https</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a> <div>HTTPS协议的应用场景分析一、Web服务与交互网页浏览场景:用户通过浏览器访问各类网站(如门户网站、资讯平台),传输HTML、CSS、JavaScript等静态资源。应用:主流网站普遍采用HTTPS,确保页面内容安全加载。例如,Wikipedia、新浪等站点通过HTTPS防止内容被篡改。安全需求:防止页面被中间人劫持植入恶意广告或脚本。在线表单与用户登录场景:用户提交注册表单、登录账号时传输用户</div> </li> <li><a href="/article/1947105933045854208.htm" title="JavaScript取值get的json/url/普通对象参考" target="_blank">JavaScript取值get的json/url/普通对象参考</a> <span class="text-muted"></span> <div>dstore.on('datachanged',function(dstore){for(i=0;i<dstore.getCount();i++){vara=dstore.getAt(i);varimp_info=a.get('imp_info');上面这段JS代码,imp_info取到的是一长串KEY和VALUE组成的内容,我怎样可以准确获取其中一个KEY=SPkValue的VALUE?----</div> </li> <li><a href="/article/1947091054595469312.htm" title="OracleERP云软件二次开发:业务流程管理与自定义教程" target="_blank">OracleERP云软件二次开发:业务流程管理与自定义教程</a> <span class="text-muted">kkchenjj</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%B8%9A%E8%BD%AF%E4%BB%B6%E4%BA%8C%E6%AC%A1%E5%BC%80%E5%8F%91%E5%85%A8%E9%9B%86/1.htm">工业软件二次开发全集</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%B8%9A%E8%BD%AF%E4%BB%B6/1.htm">工业软件</a><a class="tag" taget="_blank" href="/search/ERP/1.htm">ERP</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>OracleERP云软件二次开发:业务流程管理与自定义教程OracleERP云平台概览OracleERP云平台架构OracleERPCloud采用了一种多层架构设计,旨在提供高度可扩展、安全且灵活的云解决方案。其架构主要分为以下几个层次:用户界面层:提供直观的用户界面,支持多种设备访问,包括桌面、平板和手机。这一层利用了现代Web技术,如HTML5、CSS3和JavaScript,确保了良好的用户</div> </li> <li><a href="/article/1947087398567473152.htm" title="Vue3 实现 Excel 文件导入导出功能" target="_blank">Vue3 实现 Excel 文件导入导出功能</a> <span class="text-muted">海天胜景</span> <a class="tag" taget="_blank" href="/search/excel/1.htm">excel</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>在Vue3中实现Excel文件的导入和导出功能,你可以使用一些流行的JavaScript库,如SheetJS(也称为xlsx)来处理Excel文件。以下是实现这一功能的基本步骤:1.安装SheetJS首先,你需要安装xlsx库。在你的Vue项目中,可以通过npm或yarn来安装:npminstallxlsx#或者yarnaddxlsx2.导入和导出Excel文件导入Excel文件你可以使用一个文件</div> </li> <li><a href="/article/1947035574640635904.htm" title="2025年面试官常用的前端开发笔试考题" target="_blank">2025年面试官常用的前端开发笔试考题</a> <span class="text-muted">豆豆(前端开发+ui设计)</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA%E5%92%8C%E5%8F%91%E5%B1%95/1.htm">职场和发展</a> <div>填空题(20道)ReactHooks中,用于模拟类组件生命周期componentDidMount的Hook是________。useEffect在Vue3中,使用________API可以替代Vue2中的data和methods。CompositionWebpack的________插件可以帮助将CSS提取到单独的文件中。MiniCssExtractPlugin在JavaScript中,Promi</div> </li> <li><a href="/article/1947018283278462976.htm" title="Github 2024-06-07开源项目日报 Top10" target="_blank">Github 2024-06-07开源项目日报 Top10</a> <span class="text-muted"></span> <div>根据GithubTrendings的统计,今日(2024-06-07统计)共有10个项目上榜。根据开发语言中项目的数量,汇总情况如下:开发语言项目数量Python项目3C++项目3JavaScript项目2JupyterNotebook项目1TypeScript项目1Vue项目1比特币核心:开源比特币软件创建周期:4919天开发语言:C++协议类型:MITLicenseStar数量:76760个F</div> </li> <li><a href="/article/1946988534107795456.htm" title="现代前端开发流程:CI/CD与自动化部署实战" target="_blank">现代前端开发流程:CI/CD与自动化部署实战</a> <span class="text-muted">天天进步2015</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a><a class="tag" taget="_blank" href="/search/ci%2Fcd/1.htm">ci/cd</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>目录引言现代前端开发面临的挑战CI/CD基础概念前端CI/CD流程设计实战案例:构建前端CI/CD管道自动化部署策略监控与回滚机制最佳实践与优化建议总结引言随着前端技术的飞速发展,现代Web应用变得越来越复杂。前端项目不再只是简单的HTML、CSS和JavaScript文件的集合,而是演变成了包含众多依赖项、构建工具和框架的复杂系统。在这种情况下,持续集成和持续部署(CI/CD)流程成为了确保前端</div> </li> <li><a href="/article/1946951216026152960.htm" title="JavaScript 异步编程的终极指南:从回调到 Promise、Async/Await" target="_blank">JavaScript 异步编程的终极指南:从回调到 Promise、Async/Await</a> <span class="text-muted"></span> <div>JavaScript异步编程的终极指南:从回调到Promise、Async/Await你是否也曾被一个涉及多层网络请求的函数折磨得死去活来?代码像俄罗斯套娃一样层层嵌套,逻辑混乱不堪,bug隐藏在深渊之中。这种场景,就是每个JavaScript开发者都无法回避的课题:异步编程。由于JavaScript运行在单线程环境中,异步是其命脉所在。它允许程序在等待耗时操作(如API请求、文件读写)完成时,继</div> </li> <li><a href="/article/1946950331581657088.htm" title="从零开始学习 Redux:React Native 项目中的状态管理" target="_blank">从零开始学习 Redux:React Native 项目中的状态管理</a> <span class="text-muted">wayne214</span> <a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/native/1.htm">native</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a> <div>Redux是一个用于JavaScript应用程序的状态管理库,通常与React或ReactNative配合使用,帮助管理应用的状态和数据流。其核心原理是通过集中式的“单一数据源”来管理应用状态,避免组件之间的“层层传递”状态和副作用。Redux的原理单一数据源(Store)Redux维护一个全局状态树(即Store),所有组件都通过读取这个状态树来获取数据。应用中的所有状态(数据)都存储在这个单一</div> </li> <li><a href="/article/1946938860831305728.htm" title="【vue-7】Vue3 响应式数据声明:深入理解 reactive()" target="_blank">【vue-7】Vue3 响应式数据声明:深入理解 reactive()</a> <span class="text-muted">AllenBright</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>在Vue3中,响应式系统经过了彻底的重构,提供了更强大、更灵活的方式来声明和管理响应式数据。reactive()是Vue3组合式API中最核心的响应式函数之一。本文将深入探讨reactive()的工作原理、使用场景以及最佳实践。1.什么是reactive()?reactive()是Vue3提供的一个函数,它接收一个普通JavaScript对象,并返回该对象的响应式代理。这个代理对象与原始对象看起来</div> </li> <li><a href="/article/1946932681040261120.htm" title="微信小程序-礼物商城:完整开发项目教程" target="_blank">微信小程序-礼物商城:完整开发项目教程</a> <span class="text-muted">薛迟</span> <div>本文还有配套的精品资源,点击获取简介:微信小程序是腾讯公司推出的移动应用开发平台,适用于无需安装即可使用的在线服务。本项目分享的“微信小程序-礼物商城”源码为开发者提供了电商功能的实际参考,包括商品展示、搜索、购物车、订单管理、支付和用户评价等。源码覆盖了WXML、WXSS、JavaScript基础技术,数据存储、网络请求、页面路由、组件化开发、样式设计、调试与发布、授权与登录以及性能优化等微信小</div> </li> <li><a href="/article/1946859189301211136.htm" title="Nodejs中process有哪些常用方法?" target="_blank">Nodejs中process有哪些常用方法?</a> <span class="text-muted"></span> <div>在Node.js中,process是一个全局对象,提供了与当前Node.js进程互动的接口。它包含了一系列的方法和属性,可以帮助你获取系统信息,处理命令行参数,以及控制进程的行为等。以下是一些process对象的常用方法:process.argv:这不是一个方法,而是一个包含命令行参数的数组。第一个元素是’node’,第二个元素是正在执行的JavaScript文件的路径,接下来的元素则是任何其他命</div> </li> <li><a href="/article/40.htm" title="java线程Thread和Runnable区别和联系" target="_blank">java线程Thread和Runnable区别和联系</a> <span class="text-muted">zx_code</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/Runnable/1.htm">Runnable</a> <div>我们都晓得java实现线程2种方式,一个是继承Thread,另一个是实现Runnable。 模拟窗口买票,第一例子继承thread,代码如下 package thread; public class ThreadTest { public static void main(String[] args) { Thread1 t1 = new Thread1(</div> </li> <li><a href="/article/167.htm" title="【转】JSON与XML的区别比较" target="_blank">【转】JSON与XML的区别比较</a> <span class="text-muted">丁_新</span> <a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>1.定义介绍 (1).XML定义 扩展标记语言 (Extensible Markup Language, XML) ,用于标记电子文件使其具有结构性的标记语言,可以用来标记数据、定义数据类型,是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document type definition)文档类型定义来组织数据;格式统一,跨平台和语言,早已成为业界公认的标准。 XML是标</div> </li> <li><a href="/article/294.htm" title="c++ 实现五种基础的排序算法" target="_blank">c++ 实现五种基础的排序算法</a> <span class="text-muted">CrazyMizzz</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>#include<iostream> using namespace std; //辅助函数,交换两数之值 template<class T> void mySwap(T &x, T &y){ T temp = x; x = y; y = temp; } const int size = 10; //一、用直接插入排</div> </li> <li><a href="/article/421.htm" title="我的软件" target="_blank">我的软件</a> <span class="text-muted">麦田的设计者</span> <a class="tag" taget="_blank" href="/search/%E6%88%91%E7%9A%84%E8%BD%AF%E4%BB%B6/1.htm">我的软件</a><a class="tag" taget="_blank" href="/search/%E9%9F%B3%E4%B9%90%E7%B1%BB/1.htm">音乐类</a><a class="tag" taget="_blank" href="/search/%E5%A8%B1%E4%B9%90/1.htm">娱乐</a><a class="tag" taget="_blank" href="/search/%E6%94%BE%E6%9D%BE/1.htm">放松</a> <div>     这是我写的一款app软件,耗时三个月,是一个根据央视节目开门大吉改变的,提供音调,猜歌曲名。1、手机拥有者在android手机市场下载本APP,同意权限,安装到手机上。2、游客初次进入时会有引导页面提醒用户注册。(同时软件自动播放背景音乐)。3、用户登录到主页后,会有五个模块。a、点击不胫而走,用户得到开门大吉首页部分新闻,点击进入有新闻详情。b、</div> </li> <li><a href="/article/548.htm" title="linux awk命令详解" target="_blank">linux awk命令详解</a> <span class="text-muted">被触发</span> <a class="tag" taget="_blank" href="/search/linux+awk/1.htm">linux awk</a> <div>awk是行处理器: 相比较屏幕处理的优点,在处理庞大文件时不会出现内存溢出或是处理缓慢的问题,通常用来格式化文本信息 awk处理过程: 依次对每一行进行处理,然后输出 awk命令形式: awk [-F|-f|-v] ‘BEGIN{} //{command1; command2} END{}’ file [-F|-f|-v]大参数,-F指定分隔符,-f调用脚本,-v定义变量 var=val</div> </li> <li><a href="/article/675.htm" title="各种语言比较" target="_blank">各种语言比较</a> <span class="text-muted">_wy_</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/1.htm">编程语言</a> <div>                    Java Ruby PHP 擅长领域                  </div> </li> <li><a href="/article/802.htm" title="oracle 中数据类型为clob的编辑" target="_blank">oracle 中数据类型为clob的编辑</a> <span class="text-muted">知了ing</span> <a class="tag" taget="_blank" href="/search/oracle+clob/1.htm">oracle clob</a> <div>public void updateKpiStatus(String kpiStatus,String taskId){ Connection dbc=null; Statement stmt=null; PreparedStatement ps=null; try { dbc = new DBConn().getNewConnection(); //stmt = db</div> </li> <li><a href="/article/929.htm" title="分布式服务框架 Zookeeper -- 管理分布式环境中的数据" target="_blank">分布式服务框架 Zookeeper -- 管理分布式环境中的数据</a> <span class="text-muted">矮蛋蛋</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a> <div>原文地址: http://www.ibm.com/developerworks/cn/opensource/os-cn-zookeeper/ 安装和配置详解 本文介绍的 Zookeeper 是以 3.2.2 这个稳定版本为基础,最新的版本可以通过官网 http://hadoop.apache.org/zookeeper/来获取,Zookeeper 的安装非常简单,下面将从单机模式和集群模式两</div> </li> <li><a href="/article/1056.htm" title="tomcat数据源" target="_blank">tomcat数据源</a> <span class="text-muted">alafqq</span> <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a> <div>数据库 JNDI(Java Naming and Directory Interface,Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。 没有使用JNDI时我用要这样连接数据库: 03.  Class.forName("com.mysql.jdbc.Driver");  04.  conn</div> </li> <li><a href="/article/1183.htm" title="遍历的方法" target="_blank">遍历的方法</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E9%81%8D%E5%8E%86/1.htm">遍历</a> <div>                                                      遍历 在java的泛</div> </li> <li><a href="/article/1310.htm" title="linux查看硬件信息的命令" target="_blank">linux查看硬件信息的命令</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>linux查看硬件信息的命令 一.查看CPU: cat /proc/cpuinfo   二.查看内存: free   三.查看硬盘: df   linux下查看硬件信息 1、lspci 列出所有PCI 设备; lspci - list all PCI devices:列出机器中的PCI设备(声卡、显卡、Modem、网卡、USB、主板集成设备也能</div> </li> <li><a href="/article/1437.htm" title="java常见的ClassNotFoundException" target="_blank">java常见的ClassNotFoundException</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>1.java.lang.ClassNotFoundException: org.apache.commons.logging.LogFactory   添加包common-logging.jar2.java.lang.ClassNotFoundException: javax.transaction.Synchronization    </div> </li> <li><a href="/article/1564.htm" title="【Gson五】日期对象的序列化和反序列化" target="_blank">【Gson五】日期对象的序列化和反序列化</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/%E5%8F%8D%E5%BA%8F%E5%88%97%E5%8C%96/1.htm">反序列化</a> <div>对日期类型的数据进行序列化和反序列化时,需要考虑如下问题:   1. 序列化时,Date对象序列化的字符串日期格式如何 2. 反序列化时,把日期字符串序列化为Date对象,也需要考虑日期格式问题 3. Date A -> str -> Date B,A和B对象是否equals   默认序列化和反序列化     import com</div> </li> <li><a href="/article/1691.htm" title="【Spark八十六】Spark Streaming之DStream vs. InputDStream" target="_blank">【Spark八十六】Spark Streaming之DStream vs. InputDStream</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/Stream/1.htm">Stream</a> <div>  1. DStream的类说明文档:   /** * A Discretized Stream (DStream), the basic abstraction in Spark Streaming, is a continuous * sequence of RDDs (of the same type) representing a continuous st</div> </li> <li><a href="/article/1818.htm" title="通过nginx获取header信息" target="_blank">通过nginx获取header信息</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/nginx+header/1.htm">nginx header</a> <div>1. 提取整个的Cookies内容到一个变量,然后可以在需要时引用,比如记录到日志里面, if ( $http_cookie ~* "(.*)$") {         set $all_cookie $1; }     变量$all_cookie就获得了cookie的值,可以用于运算了 </div> </li> <li><a href="/article/1945.htm" title="java-65.输入数字n,按顺序输出从1最大的n位10进制数。比如输入3,则输出1、2、3一直到最大的3位数即999" target="_blank">java-65.输入数字n,按顺序输出从1最大的n位10进制数。比如输入3,则输出1、2、3一直到最大的3位数即999</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>参考了网上的http://blog.csdn.net/peasking_dd/article/details/6342984 写了个java版的: public class Print_1_To_NDigit { /** * Q65.输入数字n,按顺序输出从1最大的n位10进制数。比如输入3,则输出1、2、3一直到最大的3位数即999 * 1.使用字符串</div> </li> <li><a href="/article/2072.htm" title="Netty源码学习-ReplayingDecoder" target="_blank">Netty源码学习-ReplayingDecoder</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/netty/1.htm">netty</a> <div>ReplayingDecoder是FrameDecoder的子类,不熟悉FrameDecoder的,可以先看看 http://bylijinnan.iteye.com/blog/1982618 API说,ReplayingDecoder简化了操作,比如: FrameDecoder在decode时,需要判断数据是否接收完全: public class IntegerH</div> </li> <li><a href="/article/2199.htm" title="js特殊字符过滤" target="_blank">js特殊字符过滤</a> <span class="text-muted">cngolon</span> <a class="tag" taget="_blank" href="/search/js%E7%89%B9%E6%AE%8A%E5%AD%97%E7%AC%A6/1.htm">js特殊字符</a><a class="tag" taget="_blank" href="/search/js%E7%89%B9%E6%AE%8A%E5%AD%97%E7%AC%A6%E8%BF%87%E6%BB%A4/1.htm">js特殊字符过滤</a> <div>1.js中用正则表达式 过滤特殊字符, 校验所有输入域是否含有特殊符号function stripscript(s) {    var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~!@#¥……&*()&mdash;—|{}【】‘;:”“'。,、?]"</div> </li> <li><a href="/article/2326.htm" title="hibernate使用sql查询" target="_blank">hibernate使用sql查询</a> <span class="text-muted">ctrain</span> <a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a> <div> import java.util.Iterator; import java.util.List; import java.util.Map; import org.hibernate.Hibernate; import org.hibernate.SQLQuery; import org.hibernate.Session; import org.hibernate.Transa</div> </li> <li><a href="/article/2453.htm" title="linux shell脚本中切换用户执行命令方法" target="_blank">linux shell脚本中切换用户执行命令方法</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/%E5%91%BD%E4%BB%A4/1.htm">命令</a><a class="tag" taget="_blank" href="/search/%E5%88%87%E6%8D%A2%E7%94%A8%E6%88%B7/1.htm">切换用户</a> <div>经常在写shell脚本时,会碰到要以另外一个用户来执行相关命令,其方法简单记下:   1、执行单个命令:su - user -c "command" 如:下面命令是以test用户在/data目录下创建test123目录 [root@slave19 /data]# su - test -c "mkdir /data/test123" </div> </li> <li><a href="/article/2580.htm" title="好的代码里只要一个 return 语句" target="_blank">好的代码里只要一个 return 语句</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/return/1.htm">return</a> <div>别再这样写了:public boolean foo() {    if (true) {         return true;     } else {          return false;    </div> </li> <li><a href="/article/2707.htm" title="Android动画效果学习" target="_blank">Android动画效果学习</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>1、透明动画效果 方法一:代码实现 public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View rootView = inflater.inflate(R.layout.fragment_main, container, fals</div> </li> <li><a href="/article/2834.htm" title="linux复习笔记之bash shell (4)管道命令" target="_blank">linux复习笔记之bash shell (4)管道命令</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/linux%E7%AE%A1%E9%81%93%E5%91%BD%E4%BB%A4%E6%B1%87%E6%80%BB/1.htm">linux管道命令汇总</a><a class="tag" taget="_blank" href="/search/linux%E7%AE%A1%E9%81%93%E5%91%BD%E4%BB%A4/1.htm">linux管道命令</a><a class="tag" taget="_blank" href="/search/linux%E5%B8%B8%E7%94%A8%E7%AE%A1%E9%81%93%E5%91%BD%E4%BB%A4/1.htm">linux常用管道命令</a> <div>转载请出自出处: http://eksliang.iteye.com/blog/2105461     bash命令执行的完毕以后,通常这个命令都会有返回结果,怎么对这个返回的结果做一些操作呢?那就得用管道命令‘|’。     上面那段话,简单说了下管道命令的作用,那什么事管道命令呢?     答:非常的经典的一句话,记住了,何为管</div> </li> <li><a href="/article/2961.htm" title="Android系统中自定义按键的短按、双击、长按事件" target="_blank">Android系统中自定义按键的短按、双击、长按事件</a> <span class="text-muted">gqdy365</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>在项目中碰到这样的问题: 由于系统中的按键在底层做了重新定义或者新增了按键,此时需要在APP层对按键事件(keyevent)做分解处理,模拟Android系统做法,把keyevent分解成: 1、单击事件:就是普通key的单击; 2、双击事件:500ms内同一按键单击两次; 3、长按事件:同一按键长按超过1000ms(系统中长按事件为500ms); 4、组合按键:两个以上按键同时按住; </div> </li> <li><a href="/article/3088.htm" title="asp.net获取站点根目录下子目录的名称" target="_blank">asp.net获取站点根目录下子目录的名称</a> <span class="text-muted">hvt</span> <a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/hovertree/1.htm">hovertree</a><a class="tag" taget="_blank" href="/search/Web+Forms/1.htm">Web Forms</a> <div>使用Visual Studio建立一个.aspx文件(Web Forms),例如hovertree.aspx,在页面上加入一个ListBox代码如下: <asp:ListBox runat="server" ID="lbKeleyiFolder" />   那么在页面上显示根目录子文件夹的代码如下: string[] m_sub</div> </li> <li><a href="/article/3215.htm" title="Eclipse程序员要掌握的常用快捷键" target="_blank">Eclipse程序员要掌握的常用快捷键</a> <span class="text-muted">justjavac</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/%E5%BF%AB%E6%8D%B7%E9%94%AE/1.htm">快捷键</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a> <div>  判断一个人的编程水平,就看他用键盘多,还是鼠标多。用键盘一是为了输入代码(当然了,也包括注释),再有就是熟练使用快捷键。   曾有人在豆瓣评 《卓有成效的程序员》:“人有多大懒,才有多大闲”。之前我整理了一个 程序员图书列表,目的也就是通过读书,让程序员变懒。  写道 程序员作为特殊的群体,有的人可以这么懒,懒到事情都交给机器去做,而有的人又可</div> </li> <li><a href="/article/3342.htm" title="c++编程随记" target="_blank">c++编程随记</a> <span class="text-muted">lx.asymmetric</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div> 为了字体更好看,改变了格式……   &&运算符:   #include<iostream> using namespace std; int main(){      int a=-1,b=4,k;      k=(++a<0)&&!(b--</div> </li> <li><a href="/article/3469.htm" title="linux标准IO缓冲机制研究" target="_blank">linux标准IO缓冲机制研究</a> <span class="text-muted">音频数据</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>一、什么是缓存I/O(Buffered I/O)缓存I/O又被称作标准I/O,大多数文件系统默认I/O操作都是缓存I/O。在Linux的缓存I/O机制中,操作系统会将I/O的数据缓存在文件系统的页缓存(page cache)中,也就是说,数据会先被拷贝到操作系统内核的缓冲区中,然后才会从操作系统内核的缓冲区拷贝到应用程序的地址空间。1.缓存I/O有以下优点:A.缓存I/O使用了操作系统内核缓冲区,</div> </li> <li><a href="/article/3596.htm" title="随想 生活" target="_blank">随想 生活</a> <span class="text-muted">暗黑小菠萝</span> <a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a> <div>其实账户之前就申请了,但是决定要自己更新一些东西看也是最近。从毕业到现在已经一年了。没有进步是假的,但是有多大的进步可能只有我自己知道。   毕业的时候班里12个女生,真正最后做到软件开发的只要两个包括我,PS:我不是说测试不好。当时因为考研完全放弃找工作,考研失败,我想这只是我的借口。那个时候才想到为什么大学的时候不能好好的学习技术,增强自己的实战能力,以至于后来找工作比较费劲。我</div> </li> <li><a href="/article/3723.htm" title="我认为POJO是一个错误的概念" target="_blank">我认为POJO是一个错误的概念</a> <span class="text-muted">windshome</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/J2EE/1.htm">J2EE</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1/1.htm">设计</a> <div>              这篇内容其实没有经过太多的深思熟虑,只是个人一时的感觉。从个人风格上来讲,我倾向简单质朴的设计开发理念;从方法论上,我更加倾向自顶向下的设计;从做事情的目标上来看,我追求质量优先,更愿意使用较为保守和稳妥的理念和方法。    &</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类:</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>