1、prompt的利用
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> </head> <body> <form id="form1" runat="server"> <div> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> <asp:Button ID="Button1" runat="server" Text="Button" /> </div> </form> </body> </html> <script> document.getElementById("Button1").onclick = function ()//Button1的点击事件 { var a = prompt("请输入内容");//接受prompt的值的内容赋值给a document.getElementById("Label1").innerHTML = a;//把a赋值给label1 return false;//阻止页面刷新。如果没有这个，页面就会回到刚开始页面加载的样子 } </script>
2、JS中数字和文本的结合的输出结果
<script> document.getElementById("Button1").onclick = function ()//Button1的点击事件 { var a = "10"; var b = 20; var c = 30; alert(a + b + c);//返回102030 alert(b + c + a);//5010 alert(b + a + c);//201030 alert(parseInt(a) + b);//输出30，注意parseInt()方法 alert(b.toString()+a);//输出2010 alert(b+""+c);//输出2030，注意中间的"". }
3、JS保证文本框内只有数字（isNaN()）
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> </head> <body> <form id="form1" runat="server"> <div> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> <asp:Button ID="Button1" runat="server" Text="Button" /> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> </div> </form> </body> </html> <script> document.getElementById("TextBox1").onkeyup = function () { if (isNaN(this.value))//“不是一个纯数字?”true表示“不是一个数字”，false表示是一个数字 { this.value = this.value.substr(0,this.value.length-1);//文本框的值只保留数字部分 } } </script>
4、JS下 for(i in "aaa") {alert(i);}
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> </head> <body> <form id="form1" runat="server"> <div> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> <asp:Button ID="Button1" runat="server" Text="Button" /> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> </div> </form> </body> </html> <script> document.getElementById("Button1").onclick = function () { var a = "asdfg"; for (i in a) { alert(i);//依次弹出a的所有索引号0,1,2,3,4 } } </script>
5、JS 下数组的建立，添加和取值 var al = new Array(); 数组的数量用length
<script> document.getElementById("Button1").onclick = function () { var al = new Array();//建立JS的数组，相当于C#的集合，不限长度，不限数据类型 al[0] = 1;//给数组添加数据 al[1] = "2";//给数组添加数据 var b = al[1];//取数组内的某一个值 } </script>
6、JS的函数function(){}
<script>
function aaa(a,b)//aaa为函数名称 a,b为根据需要添加的参数，不用在此限制ab的数据类型
{
alert("a"); //执行语句
//根据具体情况看有没有需要rerurn，有就写上，没有就不用谢。
}
function bbbb()//没有参数的函数bbb
{
执行语句
}
</script>
7.DOM获取元素方式
<script>
var a = document.getElementById("Id值");//按照Id获取元素，获得一个元素
var b = document.getElementsByClassName("Class值");//按照Class获取，获得一堆元素，返回一个集合
var c = document.getElementsByTagName("元素名");//按照元素名称获取，获得一堆元素，返回一个集合
//什么是元素名？比如div img span input,注意button不是
var d = document.getElementsByName("name值");//按照name称获取，获得一堆元素，返回一个集合，name是给服务端用的
//后两者在实际中不实用，后两者实现的效果，前两者都能实现，而且更准备
</script>
8、window.open()的各项参数
<script> window.open("page.html", "_blank", "height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") //该句写成一行代码 //参数解释： //window.open 弹出新窗口的命令； //'page.html' 弹出窗口的文件名； //'_blank' 弹出d到新的空的窗口 //height=100 窗口高度； //width=400 窗口宽度； //top=0 窗口距离屏幕上方的象素值； //left=0 窗口距离屏幕左侧的象素值； //toolbar=no 是否显示工具栏，yes为显示； //menubar，scrollbars 表示菜单栏和滚动栏。 //resizable=no 是否允许改变窗口大小，yes为允许； //location=no 是否显示地址栏，yes为允许； //status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许； </script>
9、window.history
<script> window.history.back();//向后退一个界面 window.history.forward();//向前进一个界面 window.history.go(n);//n为int类型，-1表示向后退一个界面，1表示向前进一个界面 </script>
10、window.location.href
<script>
var a = window.location.href;//获取当前页面的地址
window.location.href("http://www.baidu.com");//只能在本页面重新打开百度页面，如果要单独打开新页面，必须用window.open();
</script
完！！