js参考表

js参考表

                      变量的引用<script>    var n=10; m = 10;  //全局变量    function  a () {        var x = 10; //局部变量        b = 10;//全局变量    }</script>

定义变量(弱类型var定义)var string = "hello";//字符串var int = 10;//数字var flag = true;//booleanvar array = [1,2,3,4];//数组的三种定义方式var array1 = new Array("hello","like","tzy");var array2 = new Array();//new Array(长度)array2[0] = 10;array2[1] = 10;array2[2] = 10;

二维数组向外层数组里面添加7个内层数组,每个内层数组为2个长度var arr = new Array();for(var i=0;i<arr.length;i++){//创建一个长度为2的数组,并添加到arr中var temparr = new Array(2);arr[i] = temparr;}arr[0][0] = "星期天";arr[0][1] = "sunday";

var n = null;//空var r;//未定义后赋值r = 10;r = null;//将r值赋值为空清除之前r的值

                   文件的输出<p id = pid>Hello</p><script>document.write("<h1>标签h1</h1>")  //在script里可以输出h1标签样式(绝对不要在文档加载完成之后使用)document.getElementById("pid").innerHTML="你好"; //改变id为pid的标签里面的输出文本</script>document.write("<h1>标签h1</h1>"+"</br>")//</br>换行

                                      js事件注:函数名不可以包括事件名称onClick             单机事件onMouseOver         鼠标经过事件onMouseOut          鼠标移出事件onChange            文本内容改变事件//select下拉框中在换选择option的时候value值改变onSelect            文本框悬案中事件onFocus             光标聚集事件onBlur              移开光标事件onLoad              网页加载事件onUnload            关闭网页事件使用句柄的方式添加监听//方法名不加()调用的是方法对象如 function demo(){}addEventListener("字符串形式的监听事件不加on:如click",demo||‘demo()‘||或者直接匿名function(){});removeEventListener("字符串形式的监听事件不加on:如click",demo||‘demo()‘||或者直接匿名function(){});

                      异常处理<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>异常处理</title>    <script>        function demo() {        //尝试抛出异常            try {                alert(str);//str为空            }catch(err){                alert(err);            }            }        demo();        function demo1(){            var e = document.getElementById("txt").value;            try{                if(e==""){                    throw "您没有输入文字";//自定义异常                }            }catch(err){                alert(err);            }

        }    </script></head><body><form>    <input type="text" id="txt">    <input type="button" onclick="demo1()" value="按钮"></form></body></html>

                    各种语句 参考语句案例

                        运算符算数运算符:+,-,*,/,%,++,--;(++在前先运算在赋值,++在后先赋值在运算)赋值运算符:+=,-=,=,*=,/=,%=;字符串操作:(+拼接字符串)比较运算符:==,===,!=,!==,>,<,>=,<=;("10"与10==也是true)(===需要类型也相同前面就是false)逻辑运算符:&&,||,!,条件运算符(三木运算符):x<10?"?执行":"?执行";

                            JsDOM对象(其实就是用对象点方法)(参考dom使用)当网页被加载时,阅览器就会创建页面的文档对象模型(Docunment Object Model)可以改变HTML 元素,属性,css样式,事件

使用ID 找到HTML元素:<p id="pid">hello</p>    var nv = document.getElementById("pid");使用标签 找到HTML元素:<p>hello</p>    var nv = document.getElementsByTagName("p")//这个会寻找到p标签,如果是多个p标签则选择第一个根据name 找到HTML元素:<p name="pn">hello</p>  document.getElementsByName("pn");修改元素内容:nv.innerHTML = "world";//修改标签内容(文本及文本域使用没有效果)

<textarea id="txtResult" cols="40" rows="10" value="aaa"></textarea>document.getElementById("txtResult").value =“要修改成的值”;//通过这种方法可以修改文本域的内容(按钮及没有value值得标签使用没有效果)

改变HTML属性:<a href="http://www.baidu.com" id="aid">hello</a>(换地址)    docunment.getElementById("aid").href="http://www.qq.com";结合jsDOM对象案例学习(修改图片的src属性可以换图片)(修改各种css样式)    docunment.getElementById("id").style.color="blue";

                                    JsBom对象 参考Bom使用表window对象window.open("http://www.baidu.com","打开页面名字","height=200,width=200,top=100,left=100,toolbar=no,menubar=no")打开页面(三个参数 1、url 2、htmlName 、3style)window.close();关闭页面

Screen对象(适配)(包含用户有关的屏幕信息)document.write("可用高度"+screen.availHeight+"可用宽度"+screen.availWidth);document.write("高度"+screen.height+"宽度"+screen.width);

Location对象(用于获取当前页面URL,并把阅览器重新定向到新的页面)window.location.hostname;返回web主机的域名location.pathname;返回当前页面的路径和文件名location.port;返回web端口location.href;返回当前页面的地址location.protocol;返回所使用的web协议location.assign()方法加载新的文档

History对象(包含阅览器历史(URL)的集合)history.back()与在阅览器点击后退按钮相同history.forward()与在阅览器中点击按钮向前相同history.go()进入历史中的某个页面

                                        js对象创建对象方法people = new Object();//创建对象people.name = "张三";people.age = "15";document.write(people.name+people.age);people = {name:"张五",age:"30"};document.write(people.name+people.age);

通过函数创建对象function people(name,age){this.name = name;this.age = age;}son = new people("张1",25);document.write(people.name+people.age);prototype可以给对象添加属性和方法

                                              常用方法isNaN(input)//判断input是否是一个数字,不是数字则isNaN则返回true,它是一个内置的方法某类型.parseInt()//修改某类型为int类型(还可以parseFloat double等等)

Math的一些方法Math.random()//随机数(从[0,1))可以*几增大Math.ceil()//向上取整Math.floor()//向下取整Math.round()//四舍五入Math.min()//最小值Math.max()//最大值Math.abs()//绝对值Math.pow(x,y)//返回x的y次幂;r.toFixed(2)//保留2位小数,r为double类型;

String的一些方法String.replace(‘mmp‘,‘*‘)//寻找字符串mmp修改为*(更换)String.indexOf(‘mmp‘) == -1//寻找字符串有没有mmp,(有返回其位置)如果没有则返回-1;String.match(‘mmp‘)匹配mmp字符串 如果有打印mmp 如果没有返回null;String.toUpperCase和toLowerCase全部转换为大写和转换为小写arr = String.split(",")//用,各开装入数组;

数组的一些方法arr1 = arr.concat(arr2);//arr数组合并arr2数组装入arr1里arr.reverse()//数组倒转;arr.push("qwe")//在数组末尾追加qwe元素arr.sort(mySort);// 数组排序  mySort为方法 注意没加()和引号的是方法的对象(也可以写成"mySort()")function mySort(a,b){   //return a-b;升序(默认)   //return b-a;降序}

Date的一些方法var date = new Date(); //创建一个时间显示当前事件date.getFullYear();//获取当前年份date.getMonth()+1; //获取现在的月 必须+1date.getDate(); //获取现在的日date.getTime();//获取当前时间的毫秒数date.getHours();//获取当前小时date.getMinutes();//获取当前分钟date.getSeconds();//获取当前秒数注分钟和秒数在小于10的时候打印的是一位数字,要好看需要方法设置var endTime=new Date("2018/1/1,0:00:00") //设定倒计时结束时间(自定义时间)date.setFullYear(2010,1,1);设置时间alert(date.toLocaleString());//输出框显示当前时间转换为时间string格式

function jm(){           //编码解码测试   会对username值进行加码和解码   var address = "http://www.baidu.com?username=‘周杰伦‘"   //编码   var r1 = window.encodeURI(address);   alert(r1);   //解码   var r2 = window.decodeURI(r1);   alert(r2);}

<h2>arguments测试</h2><input type="button" onclick="testargument(1,2,3,4,5)" value="arguments测试"/><br/><br/><h2>eval测试</h2><input type="button" onclick="testEval()" value="eval测试"/><br/><br/>

function testargument(){        //没有形参,但是前台一样可以把参数传入进来(开发者无需明确指出参数名,就能访问它们)   alert(arguments[2]);}

function testEval(){             //eval测试(对eval()括号里的内容进行计算处理)  执行str里面代码 alert输出括号里的123   var str = "alert(123)";   eval(str);}eval简单案例<h2>简单计算器</h2>         <input type="button" onclick="addCal(this.value)" value="1"/>         <input type="button" onclick="addCal(this.value)" value="2"/>         <input type="button" onclick="addCal(this.value)" value="3"/>         <input type="button" onclick="addCal(this.value)" value="4"/>         <input type="button" onclick="addCal(this.value)" value="+"/>         <input type="button" onclick="addCal(this.value)" value="-"/>         <input type="button" onclick="addCal(this.value)" value="="/><br/>         <input id="equal" style="width:210px;"/>function addCal(val){   //传入的是input标签的value值   var result = document.getElementById("equal").value;//取出input框中的内容   if(val == "="){      //执行输入框里面的字符串      var finalRes = eval(result);//可以对字符串进行运算      document.getElementById("equal").value = finalRes;//修改input框中的内容   }else{      result += val;//拼接字符串      document.getElementById("equal").value = result;//修改input框中的内容   }}

                      常用正则

var regex = new RegExp("\\w{3,6}$","g");//定义一个正则表达式:3到6位数字或字母的组合regex.test(val)//判断是否满足正则

String.replace(/mmp/gi,"*"); // 正则  g代表全局,  i忽略大小写

                                                引用方式

外部引用jsjs文件里面直接function 方法名参数{代码块}

如:js文件function hello(){alert(‘hello,china‘);}html文件:<script type="text/javascript" language="javascript" src="js/testjs.js" charset="gb2312″></script>//charset修改当前HTML读取js格式<input type="button" value="第二种引入方式" onclick="hello()"/><br/><br/>

内部引用js<script>function 方法名(参数){代码块}</script>

如:html文件:<script>function hello1(){alert(‘hello,china‘);}</script>

<input type="button" value="第二种引入方式" onclick="hello1()"/><br/><br/>

内联式<input type="button" value="内联式" onclick="window.alert(‘hello world!‘)"/>

原文地址:https://www.cnblogs.com/ttzzyy/p/7531224.html

时间: 2024-10-11 00:11:10

js参考表的相关文章

利用JS提交表单的几种方法和验证(必看篇)

第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <script type="text/javascript">    function validate(obj) {     if (confirm("提交表单?")) {       alert(obj.value);       return true;     }

js 验证表单 js提交验证类

js 验证表单 js提交验证类 附加:js验证radio是否选择 <script language="javascript">function checkform(obj){for(i=0;i<obj.oo.length;i++)         if(obj.oo[i].checked==true) return true; alert("请选择")return false; }</script><form id="f

【转载】[JS]让表单提交返回后保持在原来提交的位置上

有时候,在网页中点击了页面中的按钮或是刷新了页面后,页面滚动条又 会回到顶部,想看后面的记录就又要拖动滚动条,或者要按翻页键,非常不方便,想在提交页面或者在页面刷新的时候仍然保持滚动条的位置不变,最好的办法就是 在JS中用cookie记录下当前滚动条的位置,然后刷新时读取cookie就可以实现这个功能了.代码如下:<script type="text/javascript"> function Trim(strValue) { //return strValue.repla

angular js 实现表单提交时下面的table获取到表单里面的数据

angular js 实现表单提交时下面的table获取到表单里面的数据<!DOCTYPE html><html ><head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/bootstrap.min.css"/> <s

js提交表单及js表单验证

1:js 字符串长度限制.判断字符长度 .js限制输入.限制不能输入.textarea 长度限制 <script>function test() {if(document.a.b.value.length>50){alert("不能超过 50个字符!");document.a.b.focus();return false;}}</script> 2:js验证邮箱格式<SCRIPT LANGUAGE=javascript RUNAT=Server>

js动态控制表单表格

js动态控制表单表格,这里操作只讲,添加一行,删除一行,删除某一行某一列. 直接放代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <table id="tabl" border=1 cellpadding=10 cellspacing=0&

js验证表单大全

js验证表单大全1. 长度限制<script>function test() {if(document.a.b.value.length>50){alert("不能超过50个字符!");document.a.b.focus();return false;}}</script><form name=a onsubmit="return test()"><textarea name="b" cols=&

Ubuntu - Dconf 注册表键值修改参考表

gsettings reset org.gnome.desktop.wm.preferences theme默认gnomegsettings set org.gnome.desktop.interface clock-show-date true顶部面板显示日期gsettings set org.gnome.SessionManager logout-prompt 'false'禁止注销重关机启延时gsettings set org.gnome.desktop.interface cursor-

ABAP 数据字典中的参考表和参考字段的作用

     ABAP数据字典中的参考表和参考字段的作用 大家最初在SE11中创建表和结构的时候都会遇到一个问题,如果设定了某个字段为QUAN或者CURR类型,也就是数量或金额的时候,总会要求输入一个参考表... 大家最初在 SE11 中创建表和结构的时候都会遇到一个问题,如果设定了某个字段为 QUAN 或者 CURR 类型,也就是数量或金额的时候,总会要求输入一个参考表和参考字段,它是做什么用的呢? 这要从数字的本质说起,大家都知道一句话“数字会说话”,但是,商业数字不是代数,一个没有没有单位的商