工作中用到的Web技术

来源：互联网发布：sql2005恢复数据库编辑：程序博客网时间：2024/05/29 02:56

//js判断窗口是否是最大化（非最佳方式）

window.onresize = function(){

if(window.screen.availWidth - document.body.offsetWidth < 100){
alert("窗口最大化");
} else {
alert("窗口不是最大化");
}
}

//当前页面刷新 / 跳转时提示实现

//js

var pb_strConfirmCloseMessage;
var pb_blnCloseWindow = false;
pb_strConfirmCloseMessage ="您真的要离开本页吗?";
function ConfirmClose() {
window.event.returnValue = pb_strConfirmCloseMessage;
pb_blnCloseWindow = true;
}
function ShowConfirmClose(blnValue) {
if(blnValue) {
document.body.onbeforeunload = ConfirmClose;
} else {
document.body.onbeforeunload = null;
}
}

//html

<body onbeforeunload="ConfirmClose();" onunload="ConfirmClose();">

//动态添加一行，删除一行（使用一个模板，隐藏）

function addRow(){

var tb = document.getElementById("tab1");//获取Table

var tbClone = document.getElementById("tab2");

//得到添加节点的位置

var newTrC = tb.insertRow(tb.rows.length);

var templateRow = tbClone.rows[0];

for(var i=0; i<tbClone.rows[0].cells.length; i++)

{

tmp_cell = templateRow.cells[i].cloneNode(true);

newTrC.style.backgroundColor="#FAFAF1";

newTrC.appendChild(tmp_cell);

}

function delRow(obj){

$(obj).parents("tr").remove();

}

//动态添加多行多列

var tb = document.getElementById("myTable1");//获取Table

var tbClone =document.getElementById("myTable2");//模板table

for(var j=0;j<tbClone.rows.length;j++){

//得到添加节点的位置 ===插入行

varnewTrC = tb.insertRow(tb.rows[j].length);

vartemplateRow = tbClone.rows[j]; //===插入列

for(vari=0; i<tbClone.rows[j].cells.length; i++)

{

tmp_cell =templateRow.cells[i].cloneNode(true);

newTrC.style.backgroundColor="#FAFAF1";

newTrC.appendChild(tmp_cell);

}

//js计算两个数的和

tot = (Number)(workP[i].value) + (Number)(tot);

//js动态创建select

1.动态创建select

function createSelect(){
var mySelect = document.createElement_x("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect);
}

2.添加选项option

function addOption(){
//根据id查找对象，
var obj=document.getElementByIdx_x('mySelect');
//添加一个选项
obj.add(new Option("文本","值"));
}

3.删除所有选项option

function removeAll(){
var obj=document.getElementByIdx_x('mySelect');
obj.options.length=0;
}

4.删除一个选项option

function removeOne(){
var obj=document.getElementByIdx_x('mySelect');
//index,要删除选项的序号，这里取当前选中选项的序号
var index=obj.selectedIndex;
obj.options.remove(index);
}

5.获得选项option的值

var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序号，取当前选中选项的序号
var val = obj.options[index].value;

6.获得选项option的文本

var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序号，取当前选中选项的序号
var val = obj.options[index].text;

7.修改选项option

复制代码代码如下:

var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序号，取当前选中选项的序号
var val = obj.options[index]=new Option("新文本","新值");

8.删除select

复制代码代码如下:

function removeSelect(){
var mySelect = document.getElementByIdx_x("mySelect");
mySelect.parentNode.removeChild(mySelect);
}

======================end=======================

//控制文本框输入字符

onkeyup="this.value=this.value.replace(/\D/g,'.')"

onpaste="this.value=this.value.replace(/\D/g,'.')"

//js控制文本框替换输入的特殊字符

onkeyup=”this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'');”

//除字母，数字，汉字外其他字符

onkeyup="this.value=this.value.replace(/[^a-zA-Z\d\u4e00-\u95fa5]/g,'')"onpause="this.value=this.value.replace(/[^a-zA-Z\d\u4e00-\u95fa5]/g,'')"

//ajax

$.ajax( {

url: "us!isunalbed.do?uid=" + uid,

dataType: "json",

async:false, //同步执行

type: "post",

//成功后调用

success: function(data) {

dialogMessBox(data);

}

});

//js设置定时器

setInterval("winClose()",5000); //方法名

window.setInterval( function () {

window.location.href =data[3];

} , 2000 );

//页面加载完毕就执行js方法

$(document).ready(function(){})

//页面调用窗口完毕后执行

window.close();

window.opener.location.reload();

//html拼接table + 转义字符

function addRow(){

var onP1 = "onkeyup=\"this.value=this.value.replace(/\\D/g,'.')\"onpaste='this.value=this.value.replace(/\\D/g,'.')\" ";

var onP2 = "onkeyup=\"this.value=this.value.replace(/\\D/g,'%')\"onpaste='this.value=this.value.replace(/\\D/g,'%')\" ";

var newTab = "<tablewidth='98%' border='0' cellpadding='2' cellspacing='1' align='center'style='margin-top:6px' id='myTable2' name='myTable2' class='tablesorter'>"

+"<tr><tdalign='center'>等级</td><tdalign='center'><input type='text' name=\"fac\"maxlength='4' style='width: 40px' /></td></tr>"

+"<tr><tdalign='center'>分值 </td><tdalign='center'> "+

"<inputtype='text' name=\"Sort\" style='width: 40px' "+onP1+" maxlength='4'/></td></tr><tr><tdalign='center'> 百分比 </td>"

+" <tdalign='center'> "+

"<inputtype='text' name=\"percent\" style='width: 40px' "+onP2+"maxlength='5'/>%</td></tr>"

+"<tr><tdalign='right' colspan='2'>"

+"<input type='button'style='border-style: none;' onclick='delRow(this);' value='删除'/></td></tr></table>";

$("#myTable2").append(newTab);

}

//html中冻结标题栏

//判断IE浏览器版本（?）

var b_name = navigator.appName;
var b_version = navigator.appVersion;
var version = b_version.split(";");
var trim_version = version[1].replace(/[ ]/g, "");
if (b_name == "Microsoft Internet Explorer") {
/*如果是IE9及以下*/
if (trim_version == "MSIE7.0" || trim_version == "MSIE6.0" || trim_version == "MSIE8.0" || trim_version == "MSIE9.0") {
alert("您的ie版本过低，为获得更好的体验,请更新您的版本！");
}
}

0 0