zoukankan      html  css  js  c++  java
  • JS常用属性方法大全

     

    1.

    输出语句

    :

    document.write(""); 

    2.JS

    中的注释为

    :

    // 

    3.

    传统的

    HTML

    文档顺序是

    :

    document->html->(head,body) 

    4.

    一个浏览器窗口中的

    DOM

    顺序是

    :

    window->(navigator,screen,history,location,document) 

    5.

    得到表单中元素的名称和值

    :

    document.getElementById("

    表单中元素的

    ID

    ").name(

    value) 

    6.

    一个小写转大写的

    JS: 

    document.getElementById("output").value = 

    document.getElementById("input").value.toUpperCase(); 

    7.JS

    中的值类型

    :

    String,Number,Boolean,Null,Object,Function 

    8.JS

    中的字符型转换成数值型

    :

    parseInt(),parseFloat() 

    9.JS

    中的数字转换成字符型

    :

    (""+

    变量

    10.JS

    中的取字符串长度是

    :

    (length) 

    11.JS

    中的字符与字符相连接使用

    +

    12.JS

    中的比较操作符有

    :==

    等于

    ,!=

    不等于

    ,>,>=,<.<= 

    13.JS

    中声明变量使用

    :var

    来进行声明

     

    14.JS

    中的判断语句结构

    :if(condition){}else{} 

    15.JS

    中的循环结构

    :for([initial expression];[condition];[upadte expression]) {inside loop} 

    16.

    循环中止的命令是

    :break 

    17.JS

    中的函数定义

    :functionfunctionName([parameter],...){statement[s]} 

    18.

    当文件中出现多个

    form

    表单时

    .

    可以用

    document.forms[0],document.forms[1]

    来代替

    19.

    窗口

    :

    打开窗口

    window.open(), 

    关闭一个窗口

    :window.close(), 

    窗口本身

    :self. 

    20.

    状态栏的设置

    :window.status="

    字符

    "; 

    21.

    弹出提示信息

    :window.alert("

    字符

    "); 

    22.

    弹出确认框

    :window.confirm(); 

    23.

    弹出输入提示框

    :window.prompt(); 

    24.

    指定当前显示链接的位置

    :window.location.href="URL" 

    25.

    取出窗体中的所有表单的数量

    :document.forms.length 

    26.

    关闭文档的输出流

    :document.close(); 

    27.

    字符串追加连接符

    :+= 

    28.

    创建一个文档元素

    :document.createElement(),document.createTextNode() 

    29.

    得到元素的方法

    :document.getElementById() 

    30.

    设置表单中所有文本型的成员的值为空

    var form = window.document.forms[0] 

    for (vari = 0; i<form.elements.length;i++){ 

    if (form.elements[i].type == "text"){ 

    form.elements[i].value = ""; 

     

    31.

    复选按钮在

    JS

    中判断是否选中

    :document.forms[0].checkThis.checked (checked

    属性代表为

    是否选中返回

    TRUE

    FALSE) 

    32.

    单选按钮组

    (

    单选按钮的名称必须相同

    ):

    取单选按钮组的长度

    document.forms[0].groupName.length 

    33.

    单选按钮组判断是否被选中也是用

    checked. 

    34.

    下拉列表框的值

    :document.forms[0].selectName.options[n].value (n

    有时用下拉列表框名称

    加上

    .selectedIndex

    来确定被选中的值

    35.

    字符串的定义

    :varmyString = new String("This is lightsword"); 

    36.

    字符串转成大写

    :string.toUpperCase(); 

    字符串转成小写

    :string.toLowerCase(); 

    37.

    返回字符串

    2

    在字符串

    1

    中出现的位置

    :String1.indexOf("String2")!=-1

    则说明没找到

    38.

    取字符串中指定位置的一个字符

    :StringA.charAt(9); 

    39.

    取出字符串中指定起点和终点的子字符串

    :stringA.substring(2,6); 

    40.

    数学函数

    :Math.PI(

    返回圆周率

    ),Math.SQRT2(

    返回开方

    ),Math.max(value1,value2)

    返回两个

    数中的最在值

    ,Math.pow(value1,10)

    返回

    value1

    的十次方

    ,Math.round(value1)

    四舍五入函

    ,Math.floor(Math.random()*(n+1))

    返回随机数

     

    41.

    定义日期型变量

    :var today = new Date(); 

    42.

    日期函数列表

    :dateObj.getTime()

    得到时间

    ,dateObj.getYear()

    得到年份

    ,dateObj.getFullYear()

    得到四位的年份

    ,dateObj.getMonth()

    得到月份

    ,dateObj.getDate()

    得到日

    ,dateObj.getDay()

    得到

    日期几

    ,dateObj.getHours()

    得到小时

    ,dateObj.getMinutes()

    得到分

    ,dateObj.getSeconds()

    得到

    ,dateObj.setTime(value)

    设置时间

    ,dateObj.setYear(val)

    设置年

    ,dateObj.setMonth(val)

    设置

    ,dateObj.setDate(val)

    设置日

    ,dateObj.setDay(val)

    设置星期几

    ,dateObj.setHours

    设置小

    ,dateObj.setMinutes(val)

    设置分

    ,dateObj.setSeconds(val)

    设置秒

     

     

     

    [

    注意

    :

    此日期时间从

    0

    始计

    43.FRAME

    的表示方式

    [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjF

    uncVarName 

    44.parent

    代表父亲对象

    ,top

    代表最顶端对象

     

    45.

    打开子窗口的父窗口为

    :opener 

    46.

    表示当前所属的位置

    :this 

    47.

    当在超链接中调用

    JS

    函数时用

    :(javascript:)

    来开头后面加函数名

     

    48.

    在老的浏览器中不执行此

    JS:<!-- 

     

     

     

     

     

     

    //--> 

    49.

    引用一个文件式的

    JS:<script type="text/javascript" src="aaa.js"></script> 

    50.

    指定在不支持脚本的浏览器显示的

    HTML:<noscript></noscript> 

    51.

    当超链和

    ONCLICK

    事件都有时

    ,

    则老版本的浏览器转向

    a.html,

    否则转向

    b.html.

    :<a 

    href="a.html" onclick="location.href='b.html';return false">dfsadf</a> 

    52.JS

    的内建对象

    :Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,

    RegExp,String,SyntaxError,TypeError,URIError 

    53.JS

    中的换行

    :  

    54.

    窗口全屏大小

    :<script>function 

    fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availH

    eight;}window.maximize=fullScreen;</script> 

    55.JS

    中的

    all

    代表其下层的全部元素

     

    56.JS

    中的焦点顺序

    :document.getElementByid("

    表单元素

    ").tabIndex = 1 

    57.innerHTML

    的值是表单元素的值

    :

    <p id="para">"how are <em>you</em>"</p>,

    innerHTML

    的值就是

    :how are <em>you</em> 

    58.innerTEXT

    的值和上面的一样

    ,

    只不过不会把

    <em>

    这种标记显示出来

    59.contentEditable

    可设置元素是否可被修改

    ,isContentEditable

    返回是否可修改的状态

    60.isDisabled

    判断是否为禁止状态

    .disabled

    设置禁止状态

     

    61.length

    取得长度

    ,

    返回整型数值

     

    62.addBehavior()

    是一种

    JS

    调用的外部函数文件其扩展名为

    .htc 

    63.window.focus()

    使当前的窗口在所有窗口之前

    64.blur()

    指失去焦点

    .

    FOCUS()

    相反

    65.select()

    指元素为选中状态

    66.

    防止用户对文本框中输入文本

    :onfocus="this.blur()" 

    67.

    取出该元素在页面中出现的数量

    :document.all.tags("div(

    或其它

    HTML

    标记符

    )").length 

    68.JS

    中分为两种窗体输出

    :

    模态和非模态

    .window.showModaldialog(),window.showModeless() 

    69.

    状态栏文字的设置

    :window.status='

    文字

    ',

    默认的状态栏文字设置

    :window.defaultStatus = '

    文字

    .'; 

    70.

    添加到收藏夹

    :external.AddFavorite("http://www.dannyg.com","jaskdlf"); 

    71.JS

    中遇到脚本错误时不做任何操作

    :window.onerror = doNothing; 

    指定错误句柄的语法

    :window.onerror = handleError; 

    72.JS

    中指定当前打开窗口的父窗口

    :window.opener,

    支持

    opener.opener...

    的多重继续

    73.JS

    中的

    self

    指的是当前的窗口

     

    74.JS

    中状态栏显示内容

    :window.status="

    内容

    75.JS

    中的

    top

    指的是框架集中最顶层的框架

     

    76.JS

    中关闭当前的窗口

    :window.close(); 

    77.JS

    中提出是否确认的框

    :if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");} 

    78.JS

    中的窗口重定向

    :window.navigate("http://www.sina.com.cn"); 

    79.JS

    中的打印

    :window.print() 

    80.JS

    中的提示输入框

    :window.prompt("message","defaultReply"); 

    81.JS

    中的窗口滚动条

    :window.scroll(x,y) 

    82.JS

    中的窗口滚动到位置

    :window.scrollby 

    83.JS

    中设置时间间隔

    :setInterval("expr",msecDelay)

    setInterval(funcRef,msecDelay)

    setTimeout 

    84.JS

    中的模态显示在

    IE4+

    ,

    NN

    中不行

    :showModalDialog("URL"[,arguments][,features]); 

    85.JS

    中的退出之前使用的句柄

    :functionverifyClose(){event.returnValue="we really like you and 

    hope you will stay longer.";}} 

     

     

    window.onbeforeunload=verifyClose; 

    86.

    当窗体第一次调用时使用的文件句柄

    :onload() 

    87.

    当窗体关闭时调用的文件句柄

    :onunload() 

    88.window.location

    的属性

    protocol(http:),hostname(www.example.com),port(80),host(www.example.com:80),pathname("/

    a/a.html"),hash("#giantGizmo",

    指跳转到相应的锚记

    ),href(

    全部的信息

    89.window.location.reload()

    刷新当前页面

    89-1.parent.location.reload()

    刷新父亲对象(用于框架)

    89-2.opener.location.reload()

    刷新父窗口对象(用于单开窗口)

    89-3.top.location.reload()

    刷新最顶端对象(用于多开窗口)

    90.window.history.back()

    返回上一页

    ,window.history.forward()

    返回下一页

    ,window.history.go(

    回第几页

    ,

    也可以使用访问过的

    URL). 

    91.document.write()

    不换行的输出

    ,document.writeln()

    换行输出.

  • 相关阅读:
    Java生鲜电商平台-服务化后的互联网架构实战(针对生鲜电商小程序或者APP)
    你有一份新的C++书单,请注意查收!
    想了解大数据的鼻祖Hadoop技术栈,这里有一份优质书单推荐!
    程序员的健康问题终于有救了,有个资深程序员写了本《程序员健康指南》!
    《程序员如何优雅地挣零花钱》电子书免费开源!!!
    学习设计模式,你需要这样一份书单!
    《自拍教程36》段位三 Python面向对象类
    《自拍教程35》段位二 Python面向过程函数
    《自拍教程34》段位一 Python批处理脚本
    《自拍教程33》案例篇 内容介绍
  • 原文地址:https://www.cnblogs.com/gluncle/p/7047321.html
Copyright © 2011-2022 走看看