黑马程序员_JavaScript学习后整理资料

最新推荐文章于 2024-10-04 17:48:48 发布

云端的猫

最新推荐文章于 2024-10-04 17:48:48 发布

阅读量1.4k

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/john123951/article/details/8870347

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

　------- Windows Phone 7手机开发、.Net培训、期待与您交流！ -------

近日来学习了一下黑马训练营的JavaScript教程，把相关的知识整理一下，以便以后查看。

先看成果：美女时钟

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function FormatDate(i) {
            if (i < 10 && i >= 0) { i = "0" + i; }
            return i;
        }
        function getsrc() {
            var time = new Date();
            var filename = time.getHours() + "_" + time.getMinutes()+".jpg";
            document.getElementById("imgMM").src = "file:\\\H:\\Resource\\m美女时钟资源\\" + filename;
            document.getElementById("time").value = filename;
        }

    </script>
</head>
<body οnlοad="setInterval('getsrc()',1000)">
    <img id="imgMM" />
</body>
</html>

JavaScript整理笔记：

定义变量：var i=0;
定义函数：function Add(a,b){}
匿名函数：var f1=function Add(a,b){}; alert(f1(2,5));
伪OOP：function Person(name,age){

- this.Name=name;
- this.Age=age;
- this.Sayhello=function (){alert(this.Name));
- }
- var p1=new Person("tom",12); p1.Sayhello();
数组：var arr =new Array(); var arr=[2,5,7,1,23,5]; var arr={"tom":30,"jim":20};
获得所有成员：for (var e in document) alert(e);
动态增加成员：var p1=new Object(); p1.Name="tom"; p1.Age=18;
让控件不可用：btn.disabled = "disabled"
类型转换：parseInt("222",10);
当前时间：var time = new Date();
window：
- open()：打开一个窗口 open("URL","title","params");，有返回值!
- close()：关闭 (关闭时如果有状态栏会有警告，关闭状态栏可以关闭警告)
- status：状态栏
- self：窗口自身 self.close();
- blur()：失去焦点
- focus()：获得焦点
- scrollTo(x,y)：窗口滚动
- scrollBy(x,y)：窗口滚动像素（有正负值）
- resizeTo(w,h)：窗口调整长宽（像素）
- resizeBy(w,h)：窗口调整大小（增大，减少）
- alert()：弹出一个只包含“确定”的对话框
- confirm()：弹出一个包含 “ 确定 ”“ 取消 ”的对话框，返回true,false
- parmpt("string",初值)：弹出input对话框，返回值或null
- navigate("http://");
- timer = setInterval("代码",5000); clearInterval(timer); //设置、清除定时器
- setTimeout('代码',2000)只执行一次; clearTimeout; //设置、清除只使用一次的计时器
- οnbefοreunlοad="event.returnValue='111'"
- location：
  - hostname：返回主机名
  - port：返回端口号
  - host：返回主机名加端口号
  - pathname：返回路径
  - hash：返回 “ # ”以及以后的内容(http://www.a.com/3.huml#chapter4) ( #chapter4 )(null)
  - search：返回“?”以及以后的内容
  - reload()：刷新
  - replace()：打开一个URL
- location.href="http://www.baidu.com"
- event：
  - altKey ctrlKey shiftKey //bool类型
  - bool类型：οnclick="if(event.altKey){alert('按下Alt点击');}else{alert('普通点击');}"
  - clientX clientY 客户区坐标
  - screenX screenY 屏幕坐标
  - offsetX offsetY 相对于控件的坐标
  - returnValue：设置为'false'，取消继续的处理，如超链接、表单
  - srcElement：获得事件源对象
  - keyCode：发生时间时的按键值
  - button：发生时间时鼠标按键，1为左键，2为右键，3为左右键同时按
- screen：
  - width height
- clipboardData：剪贴板
  - clearData("Text")：网页只能操作Text
  - getData("Text")
  - setData("Text",val)
  - 例子：
  - function modifyClipboard(){clipboardData.setData("Text",clipboard.getData("Text"+"本文来处"+location.href};
  - οncοpy="setTimeout('modifyClipboard()",100)"
- history：
  - back()：后退
  - forward()：前进
  - go()：go(-1)，go(1)
- document：
  - title：标题
  - bgColor：背景色
  - fgColor：前景色（文本颜色）
  - linkColor：未点击过的链接颜色
  - alinkColor：焦点在链接上时的颜色
  - vlinkColor：已点击过的链接颜色
  - URL：打开另一网页
  - fileCreatedDate：文件建立日期，只读
  - fileModifiedDate：文件修改日期，只读
  - fileSize：文件大小，只读
  - cookie：设置、读出cookie
  - charset：设置字符集(gb2312)
  - lastModified：最后修改日期（返回一个Date）
  - referrer：如果当前文档是通过点击链接打开的，则返回原来的URL
  - open()：
  - write()：向文档中写内容 document.write("<a href='http://baidu.com'>baidu</a>");(只有在加载时使用write会和原网页的内容融合在一起，否则会冲掉原来的内容)
  - writeln()：同"write"，末尾加一个换行(只是在HTML代码中换行)
  - clear()：清空当前文档
  - close()：关闭文档，使用write()后一定要用此方法，保证所做的更改可以显示出来
  - getElementById：根据ID获得对象 var txt = getElementById("textbox1");
  - getElementsByName、getElementsByTagNage（因为存在重名情况，故返回的是数组）
- document.anchors[x]：数组，包含了所有锚标记
- document.links：数组，包含所有链接标记
- applets：数组，Java小程序对象，包含所有Applet对象
- embeds：数组，包含所有插件对象
- document.forms：数组，包含所有表单