บทความนี้อธิบายวิธีที่ JS ใช้ผลกระทบของการสร้างชื่อหน้าเว็บแฟลชเมื่อข้อความมา แบ่งปันสำหรับการอ้างอิงของคุณดังนี้:
<html xmlns = "http://www.w3.org/1999/xhtml"> <head runat = "เซิร์ฟเวอร์"> <title> หน้าชื่อ </title> <pristm> var g_blinkid = 0; var g_blinkswitch = 0; var -var -title; var g_blink null; var g_newmsg_sound = null; var g_app_num = 0; var g_appnum = 0; var g_bappmore = false; var g_inputtime = 0; ฟังก์ชั่น blinknewmsg () {document.title = g_blinkswitch % 2 == 0? "【】 -" + g_blinktitle: "【ข่าวใหม่】 -" + g_blinktitle; g_blinkswitch ++;} g_blinkid = setInterval (blinkNewmsg, 1000); ฟังก์ชั่น stopBlinkNewmsg () {ถ้า (g_blinkId) {clearInterval (g_blinkid); g_blinkid = 0; document.title = g_blinktitle; }} </script> </head> <body> <form id = "form1" runat = "เซิร์ฟเวอร์"> <div> <อินพุต id = "button1" type = "button" value = "ปุ่ม" onclick = "shopblinkNewmsg ();" /> </div> </form> </body> </html>อ้างถึง head-26.js ของ kaixin.com
var g_blinkid = 0; var g_blinkswitch = 0; var g_blinktitle = document.title; var g_onlineUser = ""; var g_sysmsg_sound = null; var g_newmsg_sound = null; var g_app_num = 0; var g_appnum = 0; BlinkNewmsg () {var now = new Date (); var now = now.getTime (); if (Nowtime - G_InputTime> 5000) {document.title = g_blinkswitch % 2? "【】 -" + g_blinktitle: "【ข่าวใหม่】 -" + g_blinktitle; } g_blinkswitch ++;} ฟังก์ชั่น blinkonline () {document.title = g_blinkswitch % 2? "○" + g_onlineUser + "เป็นออนไลน์-" + g_blinktitle: "●" + g_onlineUser + "เป็นออนไลน์-" + g_blinktitle; g_blinkswitch ++; if (g_blinkswitch> 10) {StopBlinkNewmsg (); }} ฟังก์ชั่น checkNewmsg () {var url = "/home/newmsg.php"; var pars = ""; var myajax = ใหม่ ajax.request (url, {วิธี: "โพสต์", พารามิเตอร์: pars, oncomplete: ฟังก์ชั่น (req) {checkNewMsgshow (req);}});} ฟังก์ชั่น stopBlinkNewmsg () {ถ้า (g_blinkid) g_blinkid = 0; $ ("head_msgdiv"). style.display = "ไม่มี"; document.title = g_blinktitle; }} var g_oldmsg = g_oldsysmsg = g_oldbbs = g_oldbbsreply = g_oldcomment = g_oldreply = 0; ฟังก์ชั่น checkNewmSgshow (req) {var r = req.responsetext; StopBlinkNewmsg (); Settimeout (CheckNewMSG, 60000); eval ("r ="+r); var a_msglist = อาร์เรย์ใหม่ ("msg", "sysmsg", "bbsreply", "ความคิดเห็น", "ตอบกลับ"); if (r.notice == "1") {var forbidSound = parseInt (r.forbidSound); if (! forbidsound) {สำหรับ (i = 0; i <a_msglist.length; i ++) {ถ้า ($ ("body_" + a_msglist [i] + "_num")) {var c = parseint ($ ("body_" + a_msglist [i] + "_num") eval ("g_old" + a_msglist [i] + "= c;"); }} var newmsg = parseInt (r.msg) + parseint (r.bbs) + parseint (r.bbsreply) + parseint (r.comment) + parseint (r.reply); var sysmsg = parseint (r.sysmsg); var newChange = (parseint (r.msg) - g_oldmsg) || (ParseInt (R.BBS) - G_OLDBBS) || (ParseInt (R.BBSReply) - G_OLDBBSREPLY) || (ParseInt (r.comment) - g_oldcomment) || (ParseInt (r.reply) - g_oldreply); var syschange = (parseint (r.sysmsg) - g_oldsysmsg); สำหรับ (i = 0; i <a_msglist.length; i ++) {eval ("g_old" + a_msglist [i] + "= parseint (r." + a_msglist [i] + ");"); } if (newmsg && newChange) {ถ้า (g_newmsg_sound == null) {g_newmsg_sound = swfobject ใหม่ ("http://img.kaixin001.com.cn/i2/newmsg_sound.1.0.swf" "#FFFFFF" จริง); G_NEWMSG_SOUND.ADDPARAM ("อนุญาตให้ใช้คำสั่ง", "เสมอ"); G_NEWMSG_SOUND.ADDPARAM ("WMODE", "Opaque"); G_NEWMSG_SOUND.ADDPARAM ("เมนู", "เท็จ"); G_NEWMSG_SOUND.addVariable ("Autoplay", "0"); } g_newmsg_sound.write ("head_msgsound_div"); } อื่นถ้า (sysmsg && syschange) {ถ้า (g_sysmsg_sound == null) {g_sysmsg_sound = swfobject ใหม่ ("http://img.kaixin001.com.cn/i2/sysmsg_sound "#FFFFFF" จริง); G_SYSMSG_SOUND.ADDPARAM ("อนุญาตให้ใช้คำสั่ง", "เสมอ"); g_sysmsg_sound.addparam ("wmode", "opaque"); g_sysmsg_sound.addparam ("เมนู", "false"); g_sysmsg_sound.addvariable ("Autoplay", "0"); } g_sysmsg_sound.write ("head_msgsound_div"); }} $ ("head_msgdiv"). style.display = "block"; g_blinkid = setInterval (blinknewmsg, 1000); } อื่นถ้า (0 && r.online.length) {g_blinkswitch = 0; g_onlineUser = r.online; g_blinkid = setInterval (blinkonline, 500); } สำหรับ (i = 0; i <a_msglist.length; i ++) {ถ้า (! parseint (r [a_msglist [i]])) {$ ("head_" + a_msglist [i] + "_num"). innerhtml = ""; if ($ ("body_" + a_msglist [i] + "_num")) {$ ("body_" + a_msglist [i] + "_num") classname = "ql2"; $ ("body_" + a_msglist [i] + "_num"). innerhtml = "0 รายการใหม่"; }} else {$ ("head_" + a_msglist [i] + "_num"). innerhtml = "(" + r [a_msglist [i]] + ")"; if ($ ("body_" + a_msglist [i] + "_num")) {$ ("body_" + a_msglist [i] + "_num") classname = "cr"; $ ("body_" + a_msglist [i] + "_num"). innerhtml = r [a_msglist [i]] + "ใหม่"; } if (a_msglist [i] == "msg") {if ('function' == typeof (msg_view_checknewmsg)) {msg_view_checknewmsg (); - }}}} ฟังก์ชั่น outputhead () {var v_html = '<div id = "head">'+'<div>'+'<div style = "margin-top: 3px;">'+'<div style = "padding-left: 18px;"> src = "http://img.kaixin001.com.cn/i2/kaixinlogo.gif"/> </a> </div> '+' <div> '+' <div id = "hn1"> '+' <v> <a href = "/home/? t = ' '"> home </a> </div>'+'<div> <a href =" JavaScript: xs (1); "> <img src =" http://img.kaixin001.com.cn/i/r_sj.gif "/> <div> <a href = "/home/"> หน้าแรกของฉัน </a> </div> '+' <div> <a href = "/home/"> โฮมเพจของฉัน </a> </div> '+' <div> หน้าแรกของฉันดู: </div> onclick = "JavaScript: hy ();"> '+' <div> style = "margin: 5px 3px;"> <img src = "http://img.kaixin001.com.cn/i/small-tri.gif"/> <div> </div> '+' </a> '+' </div> '+' <div> '+' <a href = "/home/? _ preview = อื่น ๆ " target = _blank onclick = "JavaScript > '+' <div style = "มาร์จิ้น: 5px 3px;"> <img src = "http://img.kaixin001.com.cn/i/small-tri.gif"/> </div> '+' <div style = "ตัวชี้:" </div> '+' </div> '+' </div> '+' <div id = "hn_xx1"> <img src = "http://img.kaixin001.com.cn/i/r_xx13.gif"/> </div> '+' math.ceil (math.random () * 100)+'"> เพื่อน </a> </div>'+'<div> <a href =" javascript: xs (2); "> <img src =" http://img.kaixin001.com.cn/i/r_sj.gif <!-'+' <iframe style = "ตำแหน่ง: สัมบูรณ์; z-index: 1; ความกว้าง: การแสดงออก (this.nextsibling.offsetWidth); ความสูง: การแสดงออก frameBorder = "0">/iframe> '+'-> '+' <div id = "hn2_l" style = "z-index: 2"> '+' <div> <a href = "/เพื่อน/"> เพื่อนของฉัน </a> </div> href = "/friend/group.php"> การจัดการเพื่อน </a> </div> '+' <v> <a href = "/home/fstatus.php"> การอัปเดตสถานะเพื่อน </a> </div> '+' <div> <a href = "friend/invite.php" href = "/friend/search.php"> ค้นหาเพื่อน </a> </div> '+' </div> '+' <div> <a href = "/friend/search.php"> ค้นหาเพื่อน </a> </div> '+' </div> src = "http://img.kaixin001.com.cn/i/r_xx13.gif"/> </div> '+'+'+' <div id = "hn3"> '+' <div> <a href = "/? t = '+math.ceil (math.random () href = "javascript: xs (3);"> <img src = "http://img.kaixin001.com.cn/i/r_sj.gif"/> </a> </div> '+' </div> '+' <div id = "hn3_l" กลุ่ม </a> </div> '+' <div> <a href = "/group/flist.php"> เพื่อน </a> </div> '+' <div> <a href = "/group/new.php"> สร้างกลุ่มใหม่ </a> </div> <div id = "hn_xx3"> <img src = "http://img.kaixin001.com.cn/i/r_xx13.gif"/> </div> '+'+'<div id = "hn_xx3" /> </div> '+' '+' <div id = "hn4" style = "padding-right: 28px;"> '+' <div> <a href = "/msg/? t = '+math.ceil (math.random () * 100)+'"> ข้อความ </a> src = "http://img.kaixin001.com.cn/i/r_sj.gif"/> </a> <span style = "ตำแหน่ง: Absolute; top: 5px; ซ้าย: 65px; แสดง: ไม่มี;" id = head_msgdiv> <a href = "/msg/" style = "margin-top: -5px;"> <img src = "http://img.kaixin001.com.cn/i/dtx.gif border = 0> </a> </span> </div> '+' <div> </div> '+' <div id = "hn4_l"> '+' <div> <a href = "/msg/inbox.php? t = '+math.ceil (math.random () * 100)+' id = head_msg_num> </span> </a> </div> ' +' <div> <a href = "/msg/sys.php? t = ' + math.ceil (math.random () * 100) +'"> ข้อความระบบ <span style = "padding-left: 2px; สี: สีแดง <div> <a href = "/ความคิดเห็น/? t = ' + math.ceil (math.random () * 100) +'" ความคิดเห็น <span style = "padding-left: 2px; สี: สีแดง;" id = head_comment_num> </span> </a> 100) + '"> ความคิดเห็นตอบกลับ <span style =" padding-left: 2px; color: red; "id = head_reply_num> </span> </a> </viv>' + '<div> <a href ="/ความคิดเห็น/uindex.php? t =' + math.ceil (math.random () id = head_bbs_num> </span> </a> </div> ' +' <div> <a href = "/ความคิดเห็น/usend.php? t = ' + math.ceil (math.random () * 100) +'" </div> '+' <div> <a href = "/friend/invite.php"> เชิญ </a> ┊ <a href = "/friend/search.php"> มองหาใครสักคน </a> ┊ <a href = "/set/access.php"> บัญชี </a> ┊ href = "/login/logout.php"> ออก </a> </div> '+' </div> </div> '+' </div> '+' </div> </div> '+' </div> '+' </div> ' <div> '+' <div> </div> '+' <div> '+' <div> </div> '+' <div> '+' <div> </div> '+' <div> '+' id = "app_friend_tip" style = "z-index: 20000; #f7f7f7; ความกว้าง: 160px; ความสูง: 250px; แสดง: ไม่มี; "> '+' </div> '; document.writeLn (v_html);} ฟังก์ชั่น _Outputapp (v_icon, v_link, v_title, v_idex_num) + = "? t =" + math.ceil (math.random () * 100); '/' ==/'1/') {$ (/'app_friend_' + v_aid + '/').style.display=/'block/';} "onmouseout =" javaScript: $ (/'app_friend_' + v_aid + '/' v_icon + '"Align =" absmiddle "/> <a href ="' + v_link + '"> <b>' + v_title + '</b> </a> </div> onclick = "javascript: a_appfriend_show (' + v_aid +',/'' + v_link + '/',/'' + v_title + '/');"> <img src = "http://img.kaixin001.com.cn/i2/xiasanjiao.gif <div> </div> '+' </div> '; _SetApplisthiddenhed () {ถ้า (g_app_num ==-1) return ''; g_appnum ++; document.writeLn (_setapplisthiddenhead ());} ฟังก์ชั่น _setapplisthiddentail () {ถ้า (g_app_num ==-1) return ''; src = "http://img.kaixin001.com.cn/i2/xiala.gif" Align = "absmiddle"> <a href = "javascript: showappmore () document.writeLn (_setapplisthIdDentail ());} ฟังก์ชั่น outputhead2 () {document.write ('<div> <img src = "http://img.kaixin001.com.cn/i/index_app.gif"/> ซ้าย: 110px; /> </div> <p style = "padding: 0px 20px;"> คลิกที่นี่เพื่อเพิ่มส่วนประกอบที่ใช้งานได้จริงหรือเกม </p> </div> <div> <img src = "http://img.kaixin001.com.cn/ibonting. </div> <div style = "margin-top: -8px;"> <img src = "http://img.kaixin001.com.cn/InDex_App_Set1.gif"/> <a href = "/set/appman.php" ($ ("Appristmore"). style.display == "None") {$ ("Appristmore") Style.display = "Block"; HREF = "JavaScript: Showappmore ();" allign = "absmiddle"> <a href = "javascript: showappmore ();" ajax.request (url, {วิธีการ: "post", พารามิเตอร์: pars, oncomplete: function (req) {outputaphinfoajaxshow (req);}}); i <data.length; i ++) {v_html += _setapplisthiddenhead (); _setapplisthiddentail (); $ ("head_applist"). innerhtml = v_html;} ฟังก์ชัน outputtail () {document.writeln ('<div> </div>'+'</div>'+'<div id = "b"> US </a> <span> ┊ </span> <a href = "/s/contact.html" target = "_ blank"> ข้อมูลการติดต่อ </a> <span> ┊ </span> <a href = "/t/feedback.html" target = "blank" target = "_ blank"> ศูนย์ช่วยเหลือ </a> © 2009 kaixin001.com <a class = c6 href = http: //www.miibeian.gov.cn target = _blank> Beijing ICP หมายเลข 080482 </a> </div> '+'สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาที่เกี่ยวข้องกับ JavaScript โปรดตรวจสอบหัวข้อของไซต์นี้: "สรุปทักษะการดำเนินงาน AJAX ใน JavaScript", "สรุปผลการสลับและเทคนิคการสลับ JavaScript และทักษะการใช้งาน Javascript" สรุป "สรุปผลการค้นหา ทักษะอัลกอริทึม "," บทสรุปของอัลกอริธึมและเทคนิคการสำรวจ JavaScript Traversal "และ" สรุปการใช้งานทางคณิตศาสตร์ JavaScript "
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน