站长常用的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 

master@sihaohotel.com.cn

(0989)8888888 

五星级

五湖宾馆

东平路99号

www.admin5.cn 

web@wuhu.com.cn

(0979)1111666 

四星级

“大沙漠”宾馆

留香路168号

www.admin5.net 

master@admin5.net 

(0989)87878788 

五星级

“画眉鸟”大酒店

血海飘香路2号

www.admin5.net 

chuliuxiang@throstlehotel.com.cn

(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/1890876277712285696.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/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a> <div>在前端开发中,性能优化是一个持续不断的追求。随着Web应用的日益复杂,如何确保应用的流畅性和响应速度,成为了每个前端开发者必须面对的问题。JavaScript作为前端的核心语言,其性能优化更是至关重要。本文将分享一些JavaScript前端性能优化的技巧,帮助开发者提升Web应用的性能。一、减少DOM操作DOM(文档对象模型)操作是JavaScript中常见的性能瓶颈之一。频繁的DOM操作会导致浏</div> </li> <li><a href="/article/1890866571493044224.htm" title="【Node-Red】Function节点教学" target="_blank">【Node-Red】Function节点教学</a> <span class="text-muted">零炻大礼包</span> <a class="tag" taget="_blank" href="/search/Node-Red/1.htm">Node-Red</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a> <div>本篇来讲在Node-Red中编写函数时用到的一个至关重要的节点:function。function节点允许消息运行JavaScript代码。其中部分内容来自官方文档翻译:function节点用户指南。Function节点教学1.变量定义2.返回值1)返回单条数据进阶1进阶22)返回多条数据3.其他变量定义1)数组定义buffer2.Array4.运算符1)算数运算符2)赋值运算符3)字符与运算符4</div> </li> <li><a href="/article/1890859505722388480.htm" title="JavaScript 内置对象-Math对象" target="_blank">JavaScript 内置对象-Math对象</a> <span class="text-muted">難釋懷</span> <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> <div>在JavaScript中,Math对象提供了一系列与数学相关的静态方法和属性,帮助开发者执行复杂的计算任务。无论是简单的算术运算还是高级的几何、统计计算,Math对象都能提供强大的支持。本文将详细介绍Math对象的主要功能及其使用方法。一、简介不同于其他全局对象,Math不是一个构造函数,而是一个静态对象。这意味着我们不能通过new关键字创建Math的实例,所有的属性和方法都必须直接调用Math来</div> </li> <li><a href="/article/1890823701016932352.htm" title="JavaScript内置对象" target="_blank">JavaScript内置对象</a> <span class="text-muted">難釋懷</span> <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> <div>JavaScript提供了一套丰富的内置对象,这些对象为开发者提供了处理数据、操作日期时间、执行数学运算等众多功能的强大工具。掌握这些内置对象不仅能够提高代码的效率,还能让开发过程更加简洁流畅。本文将详细介绍一些常用的JavaScript内置对象及其使用方法。一、Object对象Object是JavaScript中所有对象的基类。每个对象都是直接或间接地继承自Object.prototype。它提</div> </li> <li><a href="/article/1890816388486983680.htm" title="Vue和React的区别" target="_blank">Vue和React的区别</a> <span class="text-muted">挨踢女孩y</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.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/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>组件开发方式:Vue使用单文件组件(SFC),HTML,JS和CSS在一个文件内实现exportdefault{//JavaScript代码}.my-component{/*CSS样式*/}React使用JSX和JavaScriptimportReactfrom'react';import'./MyComponent.css';functionMyComponent(){return({/*JSX</div> </li> <li><a href="/article/1890812105985159168.htm" title="React VS Vue" target="_blank">React VS Vue</a> <span class="text-muted">懒人村杂货铺</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>React和Vue是目前最流行的两个前端框架,它们在设计理念、生态系统和开发体验上各有特点。以下是对React和Vue的全方位对比:1.核心设计理念React库而非框架:React是一个用于构建UI的库,专注于视图层,其他功能(如路由、状态管理)需要借助第三方库。函数式编程:推崇组件化、函数式编程,强调不可变性和单向数据流。JSX:使用JSX语法,将HTML和JavaScript结合在一起。Vue</div> </li> <li><a href="/article/1890811727436640256.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/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/firefox/1.htm">firefox</a><a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a> <div>一、Ajax、JSONP、JSON、Fetch和Axios技术详解1.Ajax(异步JavaScript和XML)什么是Ajax?Ajax是一种用于在不刷新页面的情况下与服务器进行数据交互的技术。它通过`XMLHttpRequest`对象实现。优点-支持同步和异步请求。-能够发送和接收多种格式的数据(如JSON、XML等)。缺点-原生代码较复杂。-不支持跨域请求(需要服务器配置CORS或使用JSO</div> </li> <li><a href="/article/1890809458745995264.htm" title="JavaScript实现拖动窗口功能详解" target="_blank">JavaScript实现拖动窗口功能详解</a> <span class="text-muted">滚菩提哦呢</span> <div>本文还有配套的精品资源,点击获取简介:本教程深入讲解了如何通过JavaScript实现拖动窗口功能,涵盖了原生方法和面向对象(OOP)的封装技术,以及确保代码在主流浏览器(包括IE6、Firefox和Chrome)中的兼容性。教程提供详细代码示例,从基础的原生拖动方法到利用OOP封装的Droppable类,再到特殊浏览器的兼容性处理,使读者能够掌握全面的拖动窗口实现技巧。1.JavaScript拖</div> </li> <li><a href="/article/1890803274878087168.htm" title="JavaScript窗口大小变化事件:window.resize" target="_blank">JavaScript窗口大小变化事件:window.resize</a> <span class="text-muted">星际编程喵</span> <a class="tag" taget="_blank" href="/search/%E6%8E%A2%E7%B4%A2Spring%E7%9A%84%E5%A5%87%E5%A6%99%E4%B8%96%E7%95%8C/1.htm">探索Spring的奇妙世界</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/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/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>1.前言在Web开发中,JavaScript是一种强大的脚本语言,它可以与HTML和CSS一起使用,为用户提供交互性和动态性的体验。其中,window.addEventListener("resize")事件是一个常用的事件之一,用于在浏览器窗口大小发生变化时触发相应的操作。本文将深入介绍这个事件的相关内容。2.简介window.resize事件是浏览器提供的一种事件,用于监听窗口大小的改变。这意</div> </li> <li><a href="/article/1890793944799834112.htm" title="javascript高级试题" target="_blank">javascript高级试题</a> <span class="text-muted">BiBbo</span> <a class="tag" taget="_blank" href="/search/1024%E7%A8%8B%E5%BA%8F%E5%91%98%E8%8A%82/1.htm">1024程序员节</a> <div>1.判断为数组类型的4种方式Array.isArray()typeofinstanceofconstructor2.判断对象是否包含特定的自身(非继承)属性hasOwnProperty()3.改变this的3种方式,他们有什么相同点和不同点call、bind、apply这三个函数的第一个参数都是this的指向对象,第二个参数差别就来了:call的参数是直接放进去的,第二第三第n个参数全都用逗号分隔</div> </li> <li><a href="/article/1890792179358560256.htm" title="JavaScript考核详解" target="_blank">JavaScript考核详解</a> <span class="text-muted">青青青青草地</span> <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> <div>文章目录JavaScript考核详解一、请简述var,let,const的区别?二、解释垃圾回收机制,垃圾回收的方式?三、以下代码的输出是什么?四、this的指向五、实现数组扁平化六、实现数组去重七、JS中的基本类型JavaScript考核详解一、请简述var,let,const的区别?块级作用域:块级作用域有大括号{}包括,let和const具有块级作用域,var不存在块级作用域。块级作用域解决</div> </li> <li><a href="/article/1890791168820703232.htm" title="前端构建工具" target="_blank">前端构建工具</a> <span class="text-muted">arguments_zd</span> <a class="tag" taget="_blank" href="/search/%E6%9D%82%E8%B0%88/1.htm">杂谈</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%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>一、什么是前端构建工具?前端构建工具就是在项目开发及编译阶段帮助我们完成那些需要反复重复的任务,比如代码压缩、编译等工作,构建工具能够大大提高我们的开发效率。常用构建工具:grunt(JavaScript世界的构建工具)、gulp(用自动化构建工具增强你的工作流程)、webpack(专注于构建模块化项目)、yeoman(强健的工具,库,及工作流程的组合)二、为什么需要构建工具?模块规范化产生,不同</div> </li> <li><a href="/article/1890785747389181952.htm" title="Windows系统部署Node.js结合内网穿透实现远程访问本地服务" target="_blank">Windows系统部署Node.js结合内网穿透实现远程访问本地服务</a> <span class="text-muted">码农阿豪@新空间</span> <a class="tag" taget="_blank" href="/search/%E5%A5%BD%E2%80%9C%E7%89%A9%E2%80%9D%E5%88%86%E4%BA%AB/1.htm">好“物”分享</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a> <div>文章目录前言1.安装Node.js环境2.创建Node.js应用3.公网访问Node.js服务3.1注册cpolar账号3.2下载cpolar客户端3.3创建隧道映射本地端口4.固定公网远程地址前言本文主要介绍如何在Windows系统本地安装Node.js环境并创建应用,并结合cpolar内网穿透工具发布公网实现远程访问本地服务详细流程。Node.js是建立在谷歌Chrome的JavaScript</div> </li> <li><a href="/article/1890780069631160320.htm" title="网页设计与制作成品——蛋糕甜品店铺(HTML+CSS+JavaScript)" target="_blank">网页设计与制作成品——蛋糕甜品店铺(HTML+CSS+JavaScript)</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/HTML%E5%AD%A6%E7%94%9F%E4%B8%AA%E4%BA%BA%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">HTML学生个人网页设计</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E4%B8%8E%E5%88%B6%E4%BD%9C%E6%88%90%E5%93%81/1.htm">网页设计与制作成品</a> <div>‍静态网站的编写主要是用HTMLDIV+CSSJS等来完成页面的排版设计‍,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、Animate等等,用的最多的还是DW,当然不同软件写出的前端Html5代码都是一致的,本网页适合修改成为各种类型的产品展示网页,比如美食、旅游、摄影、电影、音乐等等多种主题,希望对大家有所帮助。精彩专栏推荐❤</div> </li> <li><a href="/article/1890779817410883584.htm" title="【HTML5网页设计成品】基于HTML+CSS+JavaScript网上订餐系统(23个页面)" target="_blank">【HTML5网页设计成品】基于HTML+CSS+JavaScript网上订餐系统(23个页面)</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/HTML%E5%AD%A6%E7%94%9F%E4%B8%AA%E4%BA%BA%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">HTML学生个人网页设计</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E4%BD%9C%E4%B8%9A/1.htm">网页设计作业</a> <div>文章目录二、✍️网站描述三、网站介绍四、网站演示五、⚙️网站代码HTML结构代码六、如何让学习不再盲目七、更多干货❤【作者主页——获取更多优质源码】❤【学习资料/简历模板/面试资料/网站设计与制作】❤【web前端期末大作业——毕设项目精品实战案例】#一、‍网站题目‍学生管理系统网页设计、OA管理系统、后台管理模板、智能停车系统、等网站的设计与制作。二、✍️网站描述️HTML网页设计,采用DIV+C</div> </li> <li><a href="/article/1890775908579602432.htm" title="使用Node.js调用Java接口" target="_blank">使用Node.js调用Java接口</a> <span class="text-muted">后端架构魔术师</span> <a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</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/%E7%BC%96%E7%A8%8B/1.htm">编程</a> <div>Node.js是一个基于ChromeV8引擎的JavaScript运行时,而Java是一种强大的面向对象编程语言。在某些情况下,你可能需要在Node.js应用程序中调用Java接口,以便利用Java的功能和库。本文将介绍如何通过Node.js调用Java接口,并提供相应的源代码示例。一、安装JavaDevelopmentKit(JDK)首先,确保你的系统中已安装JavaDevelopmentKit</div> </li> <li><a href="/article/1890728627411152896.htm" title="AJAX 与 ASP:现代 Web 开发的关键技术" target="_blank">AJAX 与 ASP:现代 Web 开发的关键技术</a> <span class="text-muted">csbysj2020</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>AJAX与ASP:现代Web开发的关键技术引言在当今的Web开发领域,AJAX(AsynchronousJavaScriptandXML)和ASP(ActiveServerPages)是两项至关重要的技术。AJAX允许网页在不重新加载整个页面的情况下,与服务器交换数据和更新部分网页内容。而ASP则是一种服务器端脚本环境,用于动态生成交互性网页。本文将深入探讨AJAX和ASP的技术细节、应用场景以及</div> </li> <li><a href="/article/1890716398792011776.htm" title="jQuery.ajax" target="_blank">jQuery.ajax</a> <span class="text-muted">weixin_48357623</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>下面是关于FetchAPI、umi-request、jQuery.ajax和axios的对比表格:FetchAPIumi-requestjQuery.ajaxaxios技术基础基于Promise的现代浏览器API基于fetch的封装,提供统一API和请求层治理原生JavaScript中的XMLHttpRequest封装基于Promise的HTTP客户端,封装XMLHttpRequest使用场景适用</div> </li> <li><a href="/article/1890682970424012800.htm" title="Amaze UI web mobile 前端框架" target="_blank">Amaze UI web mobile 前端框架</a> <span class="text-muted">iteye_20240</span> <a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E5%BC%80%E5%8F%91/1.htm">移动开发</a> <div>目录结构index.html-空白HTML模板;blog.html-博客页面模板(预览);landing.html-LandingPage模板(预览);login.html-登录界面模板(预览);sidebar.html-带边栏的文章模板(预览);在app.css中编写CSS;在app.js中编写JavaScript;移动端首选Zepto,桌面端选jQuery,这应该是大多数开发者的共识。那对于跨</div> </li> <li><a href="/article/1890671493822607360.htm" title="后端Long类型19位返回前端丢失精度问题" target="_blank">后端Long类型19位返回前端丢失精度问题</a> <span class="text-muted">19940719</span> <a class="tag" taget="_blank" href="/search/JAVA/1.htm">JAVA</a> <div>后端Long类型19位返回前端丢失精度问题问题原因:由于Long类型最大19位而JavaScript最大接收数字为16位,固存在精度丢失问题解决方案1.导入Maven依赖com.fasterxml.jackson.corejackson</div> </li> <li><a href="/article/1890655486336888832.htm" title="【JavaScript】Day01" target="_blank">【JavaScript】Day01</a> <span class="text-muted">boy快快长大</span> <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><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> <div>1.介绍1.1JS是什么一种运行在客户端(浏览器)的编程语言,实现人机交互效果。1.2作用网页特效(监听用户的一些行为让网页做出对应的反馈)表单验证(针对表单数据的合法性做出判断)数据交互(获取后台的数据,渲染到前端)服务端编程(node.js)1.3JS的组成ECMAScript:规定了JS基础的语法知识WebAPIs:DOM与BOMDOM:操作文档,比如对页面元素进行移动、大小、添加删除等操作</div> </li> <li><a href="/article/1890645779249426432.htm" title="高德地图JS API地址解析" target="_blank">高德地图JS API地址解析</a> <span class="text-muted">天马3798</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>一、高德地图使用说明1.登陆高德地图开放平台》控制台,申请key+秘钥平台地址:我的应用|高德控制台2.引入高德地图js库。特别说明当前使用的事js2.0版本,一定要配置秘钥      window._AMapSecurityConfig={      securityJsCode:'自己申请的秘钥',    }    <scripttype="text/javascript"    src="h</div> </li> <li><a href="/article/1890642755198185472.htm" title="【记录贴】vite打包内存溢出问题FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory" target="_blank">【记录贴】vite打包内存溢出问题FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory</a> <span class="text-muted">念九_ysl</span> <a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</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/npm/1.htm">npm</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>具体报错如下:解决办法:修改package.json的打包命令"build":"vitebuild&&node--max_old_space_size=40960","build:docker":"vitebuild--outDir./docker/dist/",改为"build":"node--max_old_space_size=4096./node_modules/vite/bin/vite</div> </li> <li><a href="/article/1890621943606996992.htm" title="javascript的成熟分类:“成熟分类”之路" target="_blank">javascript的成熟分类:“成熟分类”之路</a> <span class="text-muted">lizi88888</span> <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> <div>JavaScript是一门广泛应用于Web前端开发的高级编程语言,具有交互性强、界面效果丰富等优点。其在Web开发中的广泛应用越来越受到业界的关注,从最初的“套壳”式编程到现在的成熟分类,JavaScript已经发生了巨大的变化。ES5ES5标准于2009年发布,是JavaScript发展的一个重要里程碑。这个版本添加了一些新的语言特性,例如:严格模式、Object.create()方法、Func</div> </li> <li><a href="/article/1890611480915668992.htm" title="new的过程发生了什么,手写实现new" target="_blank">new的过程发生了什么,手写实现new</a> <span class="text-muted">零合一</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E7%82%B9/1.htm">前端基础知识点</a><a class="tag" taget="_blank" href="/search/%E5%8E%9F%E5%9E%8B%E6%A8%A1%E5%BC%8F/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> <div>new的过程当使用new关键字调用函数时,该函数将被用作构造函数。new将执行以下操作:创建空对象:创建一个空的简单JavaScript对象。为方便起见,我们称之为newInstance。绑定原型:如果构造函数的prototype属性是一个对象,则将newInstance的[[Prototype]]指向构造函数的prototype属性,否则newInstance将保持为一个普通对象,其[[Prot</div> </li> <li><a href="/article/1890611100324524032.htm" title="new操作中发生了什么?" target="_blank">new操作中发生了什么?</a> <span class="text-muted">木头没有瓜</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a> <div>比较直观的感觉,当我们new一个构造函数,得到的实例继承了构造器的构造属性(this.name这些)以及原型上的属性。在《JavaScript模式》这本书中,new的过程说的比较直白,当我们new一个构造器,主要有三步:•创建一个空对象,将它的引用赋给this,继承函数的原型。•通过this将属性和方法添加至这个对象•最后返回this指向的新对象,也就是实例(如果没有手动返回其他的对象)例子,大概</div> </li> <li><a href="/article/1890601514754437120.htm" title="混合开发框架整理:使用Crosswalk + WebViewJavascriptBridge进行混合开发" target="_blank">混合开发框架整理:使用Crosswalk + WebViewJavascriptBridge进行混合开发</a> <span class="text-muted">hwj3747</span> <a class="tag" taget="_blank" href="/search/Android/1.htm">Android</a><a class="tag" taget="_blank" href="/search/%E6%B7%B7%E5%90%88%E5%BC%80%E5%8F%91/1.htm">混合开发</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>作者:hwj3747转载请注明Crosswalk介绍目前APP的开发模式大多基于H5+原生壳的开发模式,这时候使用到的WebView的性能就至关重要。我们知道,Android平台上,系统的碎片化比较严重,同Android版本的WebView的H5解析能力也有较大差异,导致相应的HTML5应用一致性难以保证。所以在做混合开发的时候,对Android系统的适配是一个比较麻烦的问题。这个时候,如果能在我</div> </li> <li><a href="/article/1890572136767090688.htm" title="call、apply、bind 详解" target="_blank">call、apply、bind 详解</a> <span class="text-muted">yqcoder</span> <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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>在JavaScript中,`call`、`apply`和`bind`是Function对象的三个重要方法,它们都与函数的上下文(`this`值)和参数传递有关。一、`call`方法1.语法function.call(thisArg,arg1,arg2,...)2.示例代码constperson={ name:"John", greet:function(message){  console.log</div> </li> <li><a href="/article/1890571505054576640.htm" title="MQTT实战之在vue和java中使用" target="_blank">MQTT实战之在vue和java中使用</a> <span class="text-muted">沐暖沐</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在VUE中使用MQTT1、创建vue项目(使用node版本为20.12.0)>>npmcreatevite@latestNeedtoinstallthefollowingpackages:create-vite@6.1.1Oktoproceed?(y)y√Projectname:...mqtt-vue√Selectaframework:»Vue√Selectavariant:»JavaScript</div> </li> <li><a href="/article/1890562799919230976.htm" title="使用Node.js连接MongoDB数据库的实现" target="_blank">使用Node.js连接MongoDB数据库的实现</a> <span class="text-muted">大笑编程</span> <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/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a> <div>Node.js是一种基于JavaScript的服务器端运行环境,而MongoDB是一种开源的文档型数据库。在Node.js中,我们可以使用相应的驱动程序来连接MongoDB数据库并进行数据操作。本文将介绍如何使用Node.js连接MongoDB数据库,并提供相应的源代码示例。步骤1:安装MongoDB驱动程序首先,我们需要安装MongoDB的官方驱动程序,可以使用npm(Node.js包管理器)进</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>