js

来源:互联网 发布:重庆mac专柜 编辑:程序博客网 时间:2024/05/22 00:55

js的数据类型

Number 数值型String 字符型Date   日期型Object 对象型Array  数组型            在js中所有的变量都可被看成是一个对象。这些类型都是可以被看成是window对象的属性

DOM:文本对象模型

这个主要是用来从html文件中读取数据的:            document.getElementById();//通过标签的id来获得这个标签,            document.getElementById().src="";//获得标签的属性src            document.getElementById().style.color="blue";//改变css的样式            documnet.getElementByTagName();//通过标签的名字来获得这个标签如 :<p>            document.getElementById().innerHTML();//html中空白的地方的值            document.write();//直接向html中写内容    DOM事件:            onclick  点击            onload   当进入页面时就触发            onunload 当离开页面时触发            onchange  当鼠标离开那个输入框的时候触发            onmouseover 当鼠标移到这个上面是触发            onmouseout  当鼠标离开时触发    DOM点击监听事件:            document.getElementById("id").addEventListener("click",函数);//当点击这个id的标签的时候就会触发click这个对应的函数            要注意这里是click而不是onclick,相应的其他的也都得把on去掉     DOM元素            DOM可以自己创建标签            <script>                var para=document.createElement("p");                var node=document.createTextNode("这是一个新段落。");                para.appendChild(node);                var element=document.getElementById("div1");                element.appendChild(para);             </script>

BOM浏览器对象模型‘

    BOM实现了js与浏览器对话                document对象也是window对象的属性之一                操作窗口的方法                    window.open()//打开新的窗口                    window.close()//关闭当前窗口                    window.moveTo()//移动当前窗口                    window.resizeTo()//调整当前窗口的大小                    window.innerHeight//窗口的内部高度                    window.innerWidth//窗口的内部宽度                    screen.availWidth// 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如窗口任务栏                    screen.availHeight //属性返回访问者屏幕的高度,以像素计,减去界面特性,比如窗口任务栏                    location.href //属性返回当前页面的 URL。                    location.pathname// 属性返回 URL 的路径名。                    location.assign("url") //方法加载新的文档。                    history.back() - 与在浏览器点击后退按钮相同                    history.forward() - 与在浏览器中点击按钮向前相同                    window.navigator 对象包含有关访问者浏览器的信息。                    window.confirm("sometext");//确认框                    window.prompt("sometext","defaultvalue");//提示框                    弹窗使用 反斜杠 + "n"(\n) 来设置换行                    window.setInterval("javascript function",milliseconds); 间隔指定的毫秒数不停地执行指定的代码                    要使用 clearInterval() 方法, 在创建计时方法时你必须使用全局变量                    myVar=setInterval("javascript function",milliseconds)//                    window.setTimeout() - 暂停指定的毫秒数后执行指定的代码                    window.clearTimeout(timeoutVariable) --方法用于停止执行setTimeout()方法的函数代码。
Cookies 以名/值对形式存储,如下所示:                    username=John Doe创建cookie        document.cookie="username=John Doe";读取cookie        var x = document.cookie;        document.cookie 将以字符串的方式返回所有的 cookies,类型格式: cookie1=value; cookie2=value; cookie3=value;修改cookie        document.cookie="username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";        旧的cookie将会被覆盖删除cookie        删除 cookie 非常简单。您只需要设置 expires 参数为以前的时间即可,如下所示,设置为 Thu, 01 Jan 1970 00:00:00 GMT:        document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

jquery语法

    $(选择器).action()    如:        $("#test").hide();//隐藏所有id=test的元素。    为了防止防止文档在完全加载之前运行jquery代码    $(document).ready(function());
0 0