ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingอยากรู้วิธีการทำให้ Javascript โหลดเป็นตัวสุดท้ายครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: อยากรู้วิธีการทำให้ Javascript โหลดเป็นตัวสุดท้ายครับ  (อ่าน 1781 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
Nopzixcros
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 158
ออฟไลน์ ออฟไลน์

กระทู้: 2,066



ดูรายละเอียด
« เมื่อ: 12 ธันวาคม 2011, 17:24:36 »

ผมติด Ads เจ้าหนึ่งที่เป็น .js แล้วติดป้ายโฆษณาอันนี้ไว้ที่บนสุดของเว็บ

ทำให้เว็บนั้นต้องดึง .js ของ Ads เจ้านั้นมาก่อนที่จะแสดงข้อมูลเสมอ

ผมอยากรู้วิธีทำการโหลดหน้าเว็บให้เสร็จแล้วค่อยโหลด โฆษณา มาเป็นตัวสุดท้ายโดยที่ โฆษณา ยังแสดงอยู่ที่ด้านบนของเว็บเหมือนเดิม

ขอบคุณครับ wanwan017
บันทึกการเข้า
Nopzixcros
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 158
ออฟไลน์ ออฟไลน์

กระทู้: 2,066



ดูรายละเอียด
« ตอบ #1 เมื่อ: 12 ธันวาคม 2011, 17:57:08 »

ดันๆหน่อยครับ
บันทึกการเข้า
ganginwpop
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 115
ออฟไลน์ ออฟไลน์

กระทู้: 1,448



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 12 ธันวาคม 2011, 17:58:15 »

ย้ายไปไว้ล่างสุดของโค้ดแล้วเขียน css ให้มันอยู่เด้าบนครับ
บันทึกการเข้า

รับโม ปรับแต่ง ติดตั้ง แก้ไข บอร์ด SMF ผลงาน คลิกที่นี่

อ่านการ์ตูนออนไลน์ ที่ MangaOnlines.com
Auto Pic Post to SMF from Mthai DEMO : MangaOnlines.com

รับทำเว็บไซต์เชียงใหม่ | รับทำเว็บไซต์
gunhotnews
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 53
ออฟไลน์ ออฟไลน์

กระทู้: 1,187



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 12 ธันวาคม 2011, 18:00:17 »

ย้ายไปไว้ล่างสุดของโค้ดแล้วเขียน css ให้มันอยู่เด้าบนครับ
ตามนี้ครับ เอาไว้บันทัดล่างสุด
บันทึกการเข้า

Nopzixcros
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 158
ออฟไลน์ ออฟไลน์

กระทู้: 2,066



ดูรายละเอียด
« ตอบ #4 เมื่อ: 12 ธันวาคม 2011, 18:01:51 »

ย้ายไปไว้ล่างสุดของโค้ดแล้วเขียน css ให้มันอยู่เด้าบนครับ

ขอบคุณครับ มีตัวอย่างโค้ดไหมครับ
บันทึกการเข้า
SpiderManKing
คนรักเสียว
*

พลังน้ำใจ: 24
ออฟไลน์ ออฟไลน์

กระทู้: 102



ดูรายละเอียด
« ตอบ #5 เมื่อ: 12 ธันวาคม 2011, 18:11:36 »

<!DOCTYPE html>
<html lang=en>
<head>

   <meta charset=utf-8>
   <title>CSS3 Matching Game</title>
   <link rel="stylesheet" href="css/matchgame.css" />
</head>
<body>
   <header>
      <h1>CSS3 Matching Game</h1>
   </header>
   
   <section id="game">
      <div id="cards">                     
      </div> <!-- #cards -->
   </section> <!-- #game -->
   
   <footer>
      
   </footer>

<script src="js/mootools-core-1.4.2-full-compat-yc.js"></script>
<script src="js/html5gamesmootools.matchgame.js"></script>
</body>
</html>

ปกติ javascript จะอยู่ระหว่าง <head></head>
แต่สามารถเอาไว้ข้างล่างแบบนี้ได้
บันทึกการเข้า
Nopzixcros
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 158
ออฟไลน์ ออฟไลน์

กระทู้: 2,066



ดูรายละเอียด
« ตอบ #6 เมื่อ: 12 ธันวาคม 2011, 18:18:00 »

<!DOCTYPE html>
<html lang=en>
<head>

   <meta charset=utf-8>
   <title>CSS3 Matching Game</title>
   <link rel="stylesheet" href="css/matchgame.css" />
</head>
<body>
   <header>
      <h1>CSS3 Matching Game</h1>
   </header>
   
   <section id="game">
      <div id="cards">                     
      </div> <!-- #cards -->
   </section> <!-- #game -->
   
   <footer>
      
   </footer>

<script src="js/mootools-core-1.4.2-full-compat-yc.js"></script>
<script src="js/html5gamesmootools.matchgame.js"></script>
</body>
</html>

ปกติ javascript จะอยู่ระหว่าง <head></head>
แต่สามารถเอาไว้ข้างล่างแบบนี้ได้


เป็นโค้ดโฆษณาครับ จะให้มันโหลดเป็นตัวสุดท้าย แต่แสดงอยู่ด้านบน

ตัวอย่างโค้ด

โค๊ด:
<script type="text/javascript">ad_partner="xxxx";
ad_website="xxxx";
ad_zone="xxxx";
ad_format="xxxx";
ad_type="tm";
ad_color_border="548E9B";
ad_color_bg="FFFFFF";
ad_background="";
ad_color_title="0000CC";
ad_color_text="000000";
ad_color_url="22608F";</script> <script type="text/javascript" src="http://ads.bumq.com/ad_show2.js"></script>
บันทึกการเข้า
conner
ก๊วนเสียว
*

พลังน้ำใจ: 98
ออฟไลน์ ออฟไลน์

กระทู้: 278



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 12 ธันวาคม 2011, 18:27:46 »

ลองค้นหาเกี่ยวกับ javascript lazy load ครับ
ผมใช้กับ google map อยู่เลยครับ
เว็บเร็วขึ้นเยอะเลย

http://css.dzone.com/news/lazy-loading-asyncronous
http://blog.fedecarg.com/2011/...ript-loading-and-lazy-loading/
« แก้ไขครั้งสุดท้าย: 12 ธันวาคม 2011, 18:30:38 โดย conner » บันทึกการเข้า

Nopzixcros
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 158
ออฟไลน์ ออฟไลน์

กระทู้: 2,066



ดูรายละเอียด
« ตอบ #8 เมื่อ: 12 ธันวาคม 2011, 18:41:43 »

ขอบคุณครับ

ปล.ยังรอวิธีทำให้โค้ดไปอยู่ด้านล่างแล้วเขียน css ไว้ด้านบนอยู่นะครับ
บันทึกการเข้า
Nopzixcros
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 158
ออฟไลน์ ออฟไลน์

กระทู้: 2,066



ดูรายละเอียด
« ตอบ #9 เมื่อ: 12 ธันวาคม 2011, 19:22:48 »

ขอดันหน่อยนะครับ
บันทึกการเข้า
Nopzixcros
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 158
ออฟไลน์ ออฟไลน์

กระทู้: 2,066



ดูรายละเอียด
« ตอบ #10 เมื่อ: 12 ธันวาคม 2011, 22:50:15 »

ดันๆหน่อยครับ
บันทึกการเข้า
Nopzixcros
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 158
ออฟไลน์ ออฟไลน์

กระทู้: 2,066



ดูรายละเอียด
« ตอบ #11 เมื่อ: 13 ธันวาคม 2011, 10:30:15 »

ดันอีกซักทีครับ
บันทึกการเข้า
LV
คนรักเสียว
*

พลังน้ำใจ: 7
ออฟไลน์ ออฟไลน์

กระทู้: 114



ดูรายละเอียด เว็บไซต์
« ตอบ #12 เมื่อ: 13 ธันวาคม 2011, 10:48:32 »

ดันอีกซักทีครับ

โค้ดตัวอย่างตามที่คุณ SpiderManKing เขียนไว้ให้ดูเลยครับ  โดยเอา ad_partner แยกไว้เป็น .js อีกไฟล์ แล้วค่อยเรียกใช้แบบเดียวกับ ad_show2.js ตามลำดับ
« แก้ไขครั้งสุดท้าย: 13 ธันวาคม 2011, 10:51:32 โดย LV » บันทึกการเข้า

สินค้าแบบใหม่ทันสมัย กระเป๋าแบรนด์เนม และกระเป๋าแฟชั่นงานคุณภาพ ราคาย่อมเยา
ohmohm
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 170
ออฟไลน์ ออฟไลน์

กระทู้: 3,098



ดูรายละเอียด เว็บไซต์
« ตอบ #13 เมื่อ: 13 ธันวาคม 2011, 16:54:07 »

ใช้ setInterval() ได้ไหม
แล้วก็ http://www.webdeveloper.com/forum/showthread.php?t=138830
« แก้ไขครั้งสุดท้าย: 13 ธันวาคม 2011, 16:55:37 โดย ohmohm » บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์