diff --git "a/24\345\274\240\346\267\221\350\212\263/11-17-BOM/11-17-\347\254\224\350\256\260-BOM.md" "b/24\345\274\240\346\267\221\350\212\263/11-17-BOM/11-17-\347\254\224\350\256\260-BOM.md" new file mode 100644 index 0000000000000000000000000000000000000000..bc676fcaa5d46294ce9ff6ae0e1fd496a1da0da8 --- /dev/null +++ "b/24\345\274\240\346\267\221\350\212\263/11-17-BOM/11-17-\347\254\224\350\256\260-BOM.md" @@ -0,0 +1,87 @@ +## BOM 浏览器对象模型 + +浏览器对象模型（BOM）是以 window 对象为基础的，这个对象代表了浏览器窗口和页面可见的区域。 + +主要包括window、history、location和document等对象，其中window对象是整个BOM的顶层对象。 + + 通过 location 对象可以以编程方式操纵浏览器的导航系统。通过设置这个对象上的属性，可 以改变浏览器 URL 中的某一部分或全部。 + + 使用 replace()方法可以替换浏览器历史记录中当前显示的页面，并导航到新 URL。 + + navigator 对象提供关于浏览器的信息。 + +screen 对象中保存着客户端显示器的信息。这些信息 通常用于评估浏览网站的设备信息。 + +history 对象提供了操纵浏览器历史记录的能力，可以确定历史记录中包含多少个条目，并以编程方式实现在历史记录中导航，而且也可以修改历史记录。 + +### setTimeout() + +可以延时执行函数，只执行一次 + +```js +//无参 +setTimeout(要执行的函数代码, 等待的毫秒数); +//带参 +function sayHi(phrase, who) { + alert( phrase + ', ' + who ); +} +setTimeout(sayHi, 1000, "Hello", "John"); // Hello, John +``` + +**如果第二个参数为0** + +因为js是单线程执行，setTimeout的内容会留到其他普通队列执行后再执行 + +相当于异步执行，可以改变任务的执行顺序 + +### setInterval() + +依然延迟执行，但是反复 + +```js +setInterval(要重复执行的函数代码, 等待的毫秒数); //一样也能传参 + +//结束执行 +itv = setInterval(fn,80); +clearInterval(itv); +``` + +### **onclick()** + +onclick 事件在元素被点击时发生 + +```js +//html + //SomeJavaScriptCode：规定该事件发生时执行的 JavaScript +//JavaScript +object.onclick=function(){SomeJavaScriptCode}; +``` + + + +**document.getElementById()**：查找文档特定元素 + +**getElementsByTagName()**：获取任何类型的 HTML 元素的列表，不区分大小写 + +```js +var tables = document.getElementsByTagName("table"); +alert ("This document contains " + tables.length + " tables"); +//也可以获取文档中特定元素 +var myParagragh = document.getElementsByTagName("p")[3]; +``` + +##### 修改元素样式 + +```js +//修改td1的字体颜色 +'td1'.style.color = '#FF5072' +//修改td1的背景颜色 +'td1'.style.backgroundColor = 'white'; +``` + +**修改文档某元素的文本内容** + +```js +document.getElementById('pOutput').innerText = '我不做人啦'; +``` + diff --git "a/24\345\274\240\346\267\221\350\212\263/11-17-BOM/\350\275\256\346\222\255\345\233\276\347\211\207.html" "b/24\345\274\240\346\267\221\350\212\263/11-17-BOM/\350\275\256\346\222\255\345\233\276\347\211\207.html" new file mode 100644 index 0000000000000000000000000000000000000000..0b624f88fca6165b3cbbe122fd2451e932348242 --- /dev/null +++ "b/24\345\274\240\346\267\221\350\212\263/11-17-BOM/\350\275\256\346\222\255\345\233\276\347\211\207.html" @@ -0,0 +1,37 @@ + + + + + + + + 图片轮播 + + + + + + + + + \ No newline at end of file diff --git "a/24\345\274\240\346\267\221\350\212\263/11-17-BOM/\350\275\257\344\273\2664\347\217\255\345\205\250\346\230\216\346\230\237.html" "b/24\345\274\240\346\267\221\350\212\263/11-17-BOM/\350\275\257\344\273\2664\347\217\255\345\205\250\346\230\216\346\230\237.html" new file mode 100644 index 0000000000000000000000000000000000000000..1a6e40030cc4eb8a05627a19d7450a8c883ccd16 --- /dev/null +++ "b/24\345\274\240\346\267\221\350\212\263/11-17-BOM/\350\275\257\344\273\2664\347\217\255\345\205\250\346\230\216\346\230\237.html" @@ -0,0 +1,153 @@ + + + + + + + 4班抽卡 + + + + + +
+

软件4班全明星

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
郑玮喆庄云廖治先郑文源戴俊锋陈昊童
谢金金占志新张淑芳刘永潘廖柏成郑宗帅
李韦峰吴欣燕陈梅香陈立智袁贵森赵浩敏
林世涛罗启恒卢国建黄柱菘陈鹏张耀仁
陈华伟张正豪韦仲晓黄富贵陆建锋曾德森
吴文龙陆利群黄雄王世财张先杰胡基耀
马鑫涛李涛杨凌翔罗此东唐皓颖白婉婷
+
+ +

+
+ +
+ + + \ No newline at end of file