JS ใช้กล่องโต้ตอบ Div Simulation เพื่อแสดงเนื้อหา URL

บทความนี้อธิบายถึงการใช้กล่องโต้ตอบ JS Div Simulation เพื่อแสดงเนื้อหา URL แบ่งปันสำหรับการอ้างอิงของคุณดังนี้:

 <script> ฟังก์ชั่น Salert (Str) {var msgw, msgh, bordercolor; msgw = 800; // ความกว้างของหน้าต่างพรอมต์ msgh = 600; // ความสูงของหน้าต่างพรอมต์ titleheight = 25 // ชื่อเรื่องของสีพรอมต์หน้าต่างสีชายแดน = "#336699"; // สีขอบของหน้าต่าง swidth = document.body.offsetWidth; sheight = screen.height; var bgobj = document.createElement ("div"); BGOBJ.SetAttribute ('ID', 'BGDIV'); bgobj.style.position = "สัมบูรณ์"; bgobj.style.top = "0"; bgobj.style.background = "#777"; BGOBJ.STYLE.FILTER = "PROGID: DXIMAGETRANSFORM.MICROSOFT.ALPHA (สไตล์ = 3, opacity = 25, finishOpacity = 75"; bgObj.style.Opacity = "0.6"; bgobj.style.height = sheight + "px"; msgobj.style.background = "White"; Geneva, Arial, Helvetica, Sans-serif "; msgobj.style.marginleft =" -525px "; msgoBj.style.margintop = -75+document.documentelement.scrolltop+" px "; + px "; title.style.margin = "0"; title.style.padding = "3px"; title.style.opacity = "0.75"; title.innerhtml = "close"; Document.getElementById ("Msgdiv"). AppendChild (ชื่อ); ajax_form (url) {$ .post (url, {action: "post"}, ฟังก์ชั่น (ข้อมูล) {salert (data);}, "html");} </script>

การใช้งาน:

คัดลอกรหัสดังนี้: <a href = '#' onclick = "ajax_form ('http: //localhost/create_user_form.html');"> ทดสอบ </a>

PS: เค้าโครงรหัสดูเหมือนจะไม่น่าพอใจ ที่นี่ฉันขอแนะนำเครื่องมือการจัดรูปแบบรหัสหลายอย่างให้คุณ ฉันเชื่อว่ามันสามารถใช้ในการพัฒนาโปรแกรมในอนาคต:

C รูปแบบภาษา/HTML/CSS/JSON รหัสการจัดรูปแบบและเครื่องมือเสริมความงาม:

http://tools.vevb.com/code/ccode_html_css_json

เครื่องมือการตกแต่งและการจัดรูปแบบรหัส JavaScript ออนไลน์:

http://tools.vevb.com/code/js

JavaScript Code Beautification/การบีบอัด/การจัดรูปแบบ/เครื่องมือเข้ารหัส:

http://tools.vevb.com/code/jscompress

การตรวจสอบรหัส JSON ออนไลน์การตรวจสอบความสวยงามและการจัดรูปแบบเครื่องมือ:

http://tools.vevb.com/code/json

JSON CODE การจัดรูปแบบออนไลน์/การตกแต่ง/การบีบอัด/แก้ไข/แปลงเครื่องมือ:

http://tools.vevb.com/code/jsoncodeformat

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับ JavaScript โปรดตรวจสอบหัวข้อพิเศษของไซต์นี้: "สรุปทักษะการดำเนินงาน AJAX ใน JavaScript", "บทสรุปของทักษะการดำเนินงาน JSON ใน JavaScript", "สรุปผลการสลับ JavaScript และเทคนิคการค้นหา JavaScript" เทคนิค "," สรุปโครงสร้างข้อมูล JavaScript และเทคนิคอัลกอริทึม "," บทสรุปของอัลกอริทึมและเทคนิคการสำรวจ JavaScript Traversal "และ" สรุปการใช้งานทางคณิตศาสตร์ JavaScript "

ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน