JavaScript学习笔记Word下载.docx

1、mystyle.css;/style4.连接式:格式如下：/采用后两种方式后的显示效果略有区别，区别如下：连接式：会在装载页面主体部分之前装载css文件，这样显示出来的网页从一开始就是带有样式效果的;导入式：会在整个页面装载完成后再装载CSS文件，对于有的浏览器来说，在一些情况下，如果网页文件的体积比较大，则会出现先显示无样式的页面，闪烁一下之后再出现设置样式后的效果，从浏览者的感受来说，这是导入式的一个缺陷。对于一些比较大的网站，为了便于维护，可能会希望把所有的css样式分类别放到几个CSS文件中，这样如果使用连接式引入，就需要几个语句分别导入CSS文件。如果要调整CSS文件的分类，就需要同

2、时调整HTML文件，这对于维护工作来说，是一个缺陷，如果使用导入式，则可以只引进一个总的CSS文件，在这个文件中再导入其他独立CSS文件；而连接则不具备这个特性。因此给大家的建议是：如果仅需要引入一个CSS文件，则使用连接方式；如果需要引入多个CSS文件，则首先用连接方式引入一个“目录”CSS文件，这个“目录”CSS文件中再使用导入式引入其他CSS文件。如果希望用javascript来动态决定引入哪个css文件，则必须使用连接式才能实现7、 输出alert（）；document.write（）;8、 /script可以写在任何html地方，不能嵌入css、php等程序中，只要浏览器能访问到的j

3、s脚本都是一体的，在不同js脚本中的变量也是通用的有关联的9、 在所有重定向（提交）的地方都可以变成JavaScript的入口，如：10、 如何在html中使用js：1 用引入2 使用href=javascript：3 css样式表用link，而JavaScript用aaa,22bbb）;/方式一：只能输出值value不能输出keyforeach（$bbbb as $color）echo $color;/方法二：value与key都可输出foreach（$bbbb as $key=$value）echo $key.$value;/方法三：while（$color=each（$bbbb）echo

4、 $colorkey;print_r（）var_dump（）?$a = array （1, 2, array （a, bc）;var_dump （$a）;输出结果：array（3） 0= int（1） 1= int（2） 2= array（3） string（1） DOM1、 dom（Document Object Model）2、 document中的文档仅指HTML 和xml文件（标记语言）3、 文档对象其实是bom对象4、 var objs=document.getElemenByTagName（div5、 innerText和innerHTML不同 火狐用innerContent6、

5、遇到下划线把下划线去掉，首字母换大写：如backgroundcolor7、 指定多个样式的时候写个类，也可以写个多个类，然后用.className,如：里面的test和demo都是上面定义过的类，demo前面空格，用+=连接字符串8、 document中的三个方法：10、 遍历对象：11、12、获取某个区域的div可以用如下方式：12、 数组的访问方式：13、 DOM中的Model父节点， parentNode子节点、 childNodes firstNode lastNode兄弟节点 nextSibling previousSibling 1、事件类型：鼠标：clickdbclickcont

6、textmenu（禁用或改变右键菜单常用）mouseovermouseoutmousedownmouseupmousemove键盘keypresskeyupkeydown文档load unloadbeforeunload卸载之前表单focus 焦点blur 失去焦点submit 提交change 改变其他scroll 滚动事件selectd 选择事件 。2、加事件方式 ：tag on事件=事件处理程序（可以直接写语句，建议写函数） ： 对象.onclick=事件处理程序function（） script for=事件id event=事件事件处理程序 （此法少用）改变右键菜单并屏蔽右键事件对象

7、：event属性：srcElement keyCode 键盘码把所有的输入转为大写的：onkeyup=if（this.value!=this.value.toUpperCase（）fthis.value=this.value.toUpperCase（）keypress主要指数字字母和esc回车空格等常用的，不包括其他keydown指所有的键盘键按下1、 自动执行的函数：setinterval（function（） ,100）控制小人在屏幕上下左右走2、clientx，clientyevent其实是window.eventsrcElement代表事件源，可以代替this，但有些浏览器不兼容key

8、Code 键盘码解决ie和火狐兼容性刚开始赋值是负数就是为了让他一开始不出现在屏幕。3、拖拽块bom1、浏览器对象status状态栏opener 在子窗体中代表父窗体的对象closed方法alert（）confirm（）;setInterval（）;clearInterval（）;open（）2、window.open（URL窗口名属性）谷歌和opera浏览器自带调兼容（各种形式的手机电脑等）17课，window对象下的子对象documentlocaltion 跳转的方法：historyscreen屏幕分辨率复制本网址的代码：（把内容放进剪切板 ） window.clipboardData.setData（Text,clipBoardContent）;JavaScript一些位置属性1、offsetone.width无法获取div宽度,只能用one.offsetwidth获取。也可以用one.style.widthoffsettop:偏离上一个盒子的距离,可以用于出现漂浮的divoffsetWidth自身的宽度scrollTop滚动的顶部距离用document.body.scrollTop 用包含dtd文件能解决拉动滚动条而图片位置不变，在中加入position：fixedoverflow：hidden把撑开的div缩回到原始大小，并隐藏多余的