国产精品久久国产三级国,丰满少妇猛烈进入A片88,欧美乱妇无码毛片
重慶分公司 重慶分公司
JavaScript怎么實(shí)現(xiàn)定時(shí)彈廣告
本篇內(nèi)容介紹了“JavaScript怎么實(shí)現(xiàn)定時(shí)彈廣告”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！
讓客戶(hù)滿(mǎn)意是我們工作的目標(biāo)，不斷超越客戶(hù)的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶(hù)，將通過(guò)不懈努力成為客戶(hù)在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名申請(qǐng) 、網(wǎng)絡(luò)空間、營(yíng)銷(xiāo)軟件、網(wǎng)站建設(shè)、建德網(wǎng)站維護(hù) 、網(wǎng)站推廣。
1. JavaScript的概述
1.1 什么是JavaScript JavaScript是web上一種功能強(qiáng)大的編程語(yǔ)言，用于開(kāi)發(fā)交互式的web頁(yè)面。它不需要進(jìn)行編譯，而是直接嵌入在HTML頁(yè)面中，由瀏覽器執(zhí)行。
JavaScript被設(shè)計(jì)用來(lái)向HTML頁(yè)面添加交互行為。
JavaScript是一種腳本語(yǔ)言(腳本語(yǔ)言是一種輕量級(jí)的編程語(yǔ)言)。
JavaScript由數(shù)行可執(zhí)行計(jì)算機(jī)代碼組成。
JavaScript通常被直接嵌入HTML頁(yè)面。
JavaScript是一種解釋性語(yǔ)言(就是說(shuō)，代碼執(zhí)行不進(jìn)行預(yù)編譯)。
JavaScript的組成：
核心（ECMAScript）
文檔對(duì)象模型（DOM）
瀏覽器對(duì)象模型（BOM）
ECMAScript：語(yǔ)法，語(yǔ)句.
BOM：瀏覽器對(duì)象.
DOM：Document Object Model.操作文檔中的元素和內(nèi)容.
1.2 JavaScript的作用 使用JavaScript添加頁(yè)面動(dòng)畫(huà)效果，提供用戶(hù)操作體驗(yàn)。主要應(yīng)用有：嵌入動(dòng)態(tài)文本于HTML頁(yè)面、對(duì)瀏覽器事件作出相應(yīng)、讀寫(xiě)HTML元素、驗(yàn)證提交數(shù)據(jù)、檢測(cè)訪客的瀏覽器信息等。
1.3 JavaScript的引入 在HTML文件中引入JavaScript有兩種方式，一種是在HTML文檔直接嵌入JavaScript腳本，稱(chēng)為內(nèi)嵌式，另一種是連接外部JavaScript腳本文件，稱(chēng)為外鏈?zhǔn)健?duì)他們的具體講解如下：
(1)內(nèi)嵌式，在HTML文檔中，通過(guò)
(2)外聯(lián)式，在HTML文檔中，通過(guò)
2. 基本語(yǔ)法
2.1 變量 (1)在使用JavaScript時(shí)，需要遵循以下命名規(guī)范：
必須以字母或下劃線開(kāi)頭，中間可以是數(shù)字、字符或下劃線
變量名不能包含空格等符號(hào)
不能使用JavaScript關(guān)鍵字作為變量名，如：function
JavaScript嚴(yán)格區(qū)分大小寫(xiě)。
(2)變量的聲明
var 變量名; /JavaScript變量可以不聲明，直接使用，默認(rèn)值：undefined (3)變量的賦值
var 變量名 = 值; //JavaScript變量是弱類(lèi)型，及同一個(gè)變量可以存放不同類(lèi)型的數(shù)據(jù)
2.2 數(shù)據(jù)類(lèi)型 【基本類(lèi)型】
Undefined，Undefined類(lèi)型只有一個(gè)值，即undefined。當(dāng)聲明的變量未初始化時(shí)，該變量的默認(rèn)值是undefined。
Null，只有一個(gè)專(zhuān)用值null，表示空，一個(gè)占位符。值undefined實(shí)際上是從值null派生來(lái)的，因此ECMAScript把它們定義為相等的。
alert(null == undefined); //輸出 "true"，盡管這兩個(gè)值相等，但它們的含義不同。
Boolean，有兩個(gè)值true和false
Number，表示任意數(shù)字
String，字符串由雙引號(hào)(")或單引號(hào)(')聲明的。JavaScript沒(méi)有字符類(lèi)型
對(duì)變量或值調(diào)用typeof運(yùn)算符將返回下列值之一：
undefined-如果變量是Undefined類(lèi)型的
boolean-如果變量是Boolean類(lèi)型的
number-如果變量是Number類(lèi)型的
string-如果變量是String類(lèi)型的
object-如果變量是一種引用類(lèi)型或Null類(lèi)型的
【引用類(lèi)型】
引用類(lèi)型通常叫做類(lèi)（class），也就是說(shuō)，遇到引用值，所處理的就是對(duì)象。
JavaScript是基于對(duì)象而不是面向?qū)ο蟆?duì)象類(lèi)型的默認(rèn)值是null。
JavaScript提供眾多預(yù)定義引用類(lèi)型（內(nèi)置對(duì)象）。
2.3 運(yùn)算符 JavaScript運(yùn)算符與java運(yùn)算符基本一致?？梢钥次业膉ava基礎(chǔ)隨筆
2.4 基本操作 alert()：向頁(yè)面中彈出一個(gè)提示框??！
innerHTML：向頁(yè)面的某個(gè)元素中寫(xiě)一段內(nèi)容，將原有的東西覆蓋
document.write()：向頁(yè)面中寫(xiě)內(nèi)容
2.5 js中函數(shù)的編寫(xiě)方式： 函數(shù)：實(shí)現(xiàn)一定功能的代碼塊，類(lèi)似與java中的方法。關(guān)鍵字function，函數(shù)名自定義。
//方式1：聲明函數(shù)
function demo01(){
alert("案例1");
}
//方式1：調(diào)用函數(shù)
demo01();
//方式2：聲明匿名函數(shù)
var demo02 = function(){
alert("案例2");
};
//方式2：調(diào)用函數(shù)
demo02();
3. 案例：輪播圖
3.1 定時(shí)器setInterval window.setInterval(code,millisec) 按照指定的周期(間隔)來(lái)執(zhí)行函數(shù)或代碼片段。
參數(shù)1：code必須。執(zhí)行的函數(shù)名或執(zhí)行的代碼字符串。
參數(shù)2：millisec必須。時(shí)間間隔，單位：毫秒。
返回值：一個(gè)可以傳遞給window.clearinIerval()從而取消對(duì)code的周期性執(zhí)行的值。
例如：
方式1：函數(shù)名， setInterval(show , 100);
方式2：函數(shù)字符串， setInterval(""show() , 100); window對(duì)象提供都是全局函數(shù)，調(diào)用函數(shù)時(shí)window可以省略。
window.setInterval()等效setInterval()
3.2 案例實(shí)現(xiàn) 步驟1：為輪播圖img標(biāo)簽添加id屬性
步驟2：編寫(xiě)js代碼，頁(yè)面加載觸發(fā)指定函數(shù)
//加載成功啟動(dòng)監(jiān)聽(tīng)器，5秒執(zhí)行一次
window.onload = function(){
setInterval(changeImage , 2000)
}
//在3張照片之間切換
var num = 1;
function changeImage(){
if(num >= 3){
num = 1;
}
var imageobj = document.getElementById("imgId");
imageobj.src = "img/"+ num++ +".jpg"
}
4. 案例：定時(shí)彈廣告
4.1 定時(shí)器：setTimeout setTimeout()在指定的毫秒數(shù)后調(diào)用函數(shù)或執(zhí)行代碼片段。
setTimeout(code,millisec)
code 必需。要調(diào)用的函數(shù)或要執(zhí)行的代碼字符串。
millisec 必需。在執(zhí)行代碼前需等待的毫秒數(shù)。 setInterval() 以指定周期執(zhí)行函數(shù)或代碼片段。
clearInterval() 取消由setInterval()設(shè)置的timeout。
clearTimeout() 取消由setTimeout()方法設(shè)置的timeout。
4.2 JavaScript樣式獲得或修改 獲得或設(shè)置樣式
obj.style.屬性 獲得指定"屬性"的值。
obj.style.屬性=值 給指定的"屬性"設(shè)置內(nèi)容。
如果屬性由多個(gè)單詞使用"-"連接，需要將"-"刪除，并將后一個(gè)單詞首字母大寫(xiě)。
例如：background-color 需要改成 backgroundColor 實(shí)例：
小灰灰
//1 獲得div對(duì)象
var divObj = document.getElementById("divId");
//2 獲得高度
// divObj.style.height 數(shù)據(jù)為"100px"
// 使用parseInt() , 將字符串"100px"轉(zhuǎn)換成數(shù)字"100"
var height = window.parseInt(divObj.style.height);
//3 將原始高度翻倍，再設(shè)置給div。
divObj.style.height = height * 2 + "px";
4.3 案例實(shí)現(xiàn) 步驟1：在頁(yè)面中，添加廣告位div，并設(shè)置頁(yè)面加載事件
步驟2：編程JS實(shí)現(xiàn)
ad.js代碼
var time;
function init(){
//設(shè)置定時(shí)操作
time = setInterval("showAd()",5000);
}
function showAd(){
//獲得div元素
var divAd = document.getElementById("divAd");
divAd.style.display = "block";
//清除之前的定時(shí)操作
clearInterval(time);
//重新設(shè)置一個(gè)定時(shí)：5秒鐘隱藏
time = setInterval("hideAd()",5000);
}
function hideAd(){
//獲得div元素
var divAd = document.getElementById("divAd");
divAd.style.display = "none";
clearInterval(time);
}
5. BOM（Browse Object Mode）
5.1 Browse 對(duì)象 DOM Window
DOM Navigator
DOM Screen
DOM History
DOM Location
5.2 BOM:Window對(duì)象 方法：定時(shí)器
setInterval()：按照指定的周期(以毫秒計(jì))來(lái)調(diào)用函數(shù)或計(jì)算表達(dá)式。
clearInterval()：取消由setInterval() 設(shè)置的timeout。
setTimeout()：在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式。
clearTimeout()：取消由setTimeout() 方法設(shè)置的timeou。
方法：消息框
alert():顯示帶有一段消息和一個(gè)確認(rèn)按鈕的警告框。
confirm()：顯示帶有一段消息以及確認(rèn)按鈕和取消按鈕的確認(rèn)框。
prompt()：xian's可提示用戶(hù)輸入的提示框。
Window尺寸
windowinnerWidth-瀏覽器窗口的內(nèi)部寬度
2) Internet Explorer8、7、6、5
document.documentElement.clientHeight
document.documentElement.clientWidth
或者
document. body.clientW idth
兼容所有瀏覽器的JS實(shí)現(xiàn)方案：
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
5.3 BOM：Location對(duì)象 href屬性：設(shè)置或返回完整的URL。
hash：設(shè)置或返回從井號(hào)(#) 開(kāi)始的URL (錨)。
host：設(shè)置或返回主機(jī)名和當(dāng)前URL 的端口號(hào)。
hostname：設(shè)置或返回當(dāng)前URL 的主機(jī)名。
href：設(shè)置或返回完整的URL。
pathname：設(shè)置或返回當(dāng)前URL的路徑部分。
port：設(shè)置或返回當(dāng)前URL 的端口號(hào)。
protocol：設(shè)置或返回當(dāng)前URL的協(xié)議。
search：設(shè)置或返回從問(wèn)號(hào)(?) 開(kāi)始的URL (查詢(xún)部分)。
function change () f
location.href = "http: / /www. ithe ima. com" ;
)
5.4 BOM：History對(duì)象 go()方法：跳轉(zhuǎn)到指定頁(yè)面
go(-1)：加載前一個(gè)鏈接，等效back()
go(1)：加載后一個(gè)鏈接，等效forward()
back():加載history 列表中的前一個(gè)URL。
forward():加載history 列表中的下一個(gè)URL。
go():加載history 列表中的某個(gè)具體頁(yè)面。
6. JS操作HTML、事件
6.1 標(biāo)簽體內(nèi)容：innerHTML innerHTML-HTML元素的內(nèi)部文本
獲得：document.getElementById("divId").innerHTML
設(shè)置：document.getElementById("divId").innerHTML = "...."
6.2 獲得指定的id的值 提供函數(shù)val(objId)獲得指定id屬性對(duì)應(yīng)元素value的值
/**
* 獲得二指定元素value屬性的值
* 例如：var loginName = val("loginnameId");
*/
function val (objId) f
return document.getElementById(objId).value;
)
6.3 錯(cuò)誤提示 當(dāng)標(biāo)簽沒(méi)有驗(yàn)證通過(guò)時(shí)，給出提示信息。如果校驗(yàn)通過(guò)隱藏錯(cuò)誤提示信息
/**
* 2.1 顯示錯(cuò)誤提示信息
* 例如：showTip("loginnameIdMsg","用戶(hù)名不能為空");
*/
function showTip(errObjId, text ) {
//獲得錯(cuò)誤提示對(duì)象，并設(shè)置和顯示
var showObj = document.getElementById(errObjId) ;
showObj.innerHTML = text;
showObj.style.display = "block" ;
}
/**
* 2.2 顯示錯(cuò)誤提示信息
*/
function hideTip() (
var showObj = document . getEl ementById (errObjId) ;
showObj.innerHTML = "";
showObj.style.display = "none";
}
6.4 獲得焦點(diǎn) /**
* 3 獲得焦點(diǎn)
*/
function focus (objId) {
//指定標(biāo)簽獲得焦點(diǎn)
document。getElementById(objId).focus();
}
6.5 事件總結(jié) 常見(jiàn)事件：
onload：某個(gè)頁(yè)面或圖像被完成加載
onsubmit：提交按鈕被點(diǎn)擊
onclick：鼠標(biāo)點(diǎn)擊某個(gè)對(duì)象
ondblclick：鼠標(biāo)雙擊某個(gè)對(duì)象
onblur：元素失去焦點(diǎn)
onfocus：元素獲得焦點(diǎn)
onchange：用戶(hù)改變域的內(nèi)容
onkeydown：某個(gè)鍵盤(pán)的鍵被按下
onkeypress：某個(gè)鍵盤(pán)的鍵被按下或按住
onkeyup：某個(gè)鍵盤(pán)的鍵被松開(kāi)
onmousedown：某個(gè)鼠標(biāo)按鍵被按下
onmouseup：某個(gè)鼠標(biāo)按鍵被松開(kāi)
onmouseover：鼠標(biāo)被移到某元素之上
onmouseout：鼠標(biāo)從某元素移開(kāi)
onmousemove：鼠標(biāo)被移動(dòng)
event屬性：
clientX：返回當(dāng)事件被觸發(fā)時(shí)，鼠標(biāo)指針的水平坐標(biāo)。
clientY：返回當(dāng)事件被觸發(fā)時(shí)，鼠標(biāo)指針的垂直坐標(biāo)。
keyCode：返回當(dāng)事件被觸發(fā)時(shí)，鍵盤(pán)輸入ASCII碼。
event方法：
preventDefault()：阻止瀏覽器默認(rèn)行為
stopPropagation()：阻止事件的傳播
阻止瀏覽器默認(rèn)行為
百度淘寶
function one () {
alert("我之后，百度官網(wǎng)継銕彷向") ;
}
function two (event) {
alert("我之后，淘寶不再坊向") ;
//方式1:
//return false;
//方式2：
var event = event || window. event ;
event.preventDefault () ;
}
阻止事件的傳播
var el = document.getElementById("e1");
var e2 = document.getElementById("e2");
var e3 = document.getElementById("e3");
var e4 = document.getElementById("e4") ;
//設(shè)置“區(qū)域1”事件
el,onclick.function() {
alert("e1") ;
}
e2,onclick.function() {
alert("e2, 同時(shí)el也觸發(fā)");
}
//設(shè)置“區(qū)域2”事件
e3.onclick = function() {
alert ("e3");
}
e4.onclick = function (event) {
alert("e4, e3不觸發(fā)");
var event = event || window.event;
event.stopPropagation();
}
“JavaScript怎么實(shí)現(xiàn)定時(shí)彈廣告”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！
http://weahome.cn/article/pecdhe.html
重慶分公司
重慶分公司
