บทความนี้อธิบายวิธีการส่งผ่านค่าระหว่างจุดเน้นของส่วนประกอบ JavaScript และจุดยึดภายในหน้า แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:
ฟังก์ชั่นเล็ก ๆ สองอย่างที่กล่าวถึงข้างต้นมีประโยชน์มากในหน้าโทรศัพท์มือถือใหม่
วิธีการเรียกเหตุการณ์เมื่อเคอร์เซอร์ถูกวางไว้ในกล่องอินพุตและทริกเกอร์เหตุการณ์อื่นเมื่อเคอร์เซอร์ถูกวางไว้ในกล่องอินพุต? แม้ว่าผู้ใช้จะไม่ป้อนอะไร ...
มันง่ายที่จะผ่านค่าระหว่างหน้า แต่จะส่งค่าระหว่างจุดยึดภายในหน้าได้อย่างไร?
1. วัตถุประสงค์พื้นฐาน
มีหน้าเว็บที่มีกล่องอินพุตและไฮเปอร์ลิงก์อยู่ สองสิ่งนี้ไม่มีการเชื่อมต่อ
เป็นเพียงว่าฟังก์ชั่นไม่ใหญ่ดังนั้นฉันจึงเขียนฟังก์ชั่นทั้งสองด้วยกัน
1. ฟังก์ชันกล่องอินพุต
เมื่อเคอร์เซอร์ถูกวางไว้บนกล่องโต้ตอบพื้นหลังจะเปลี่ยนเป็นสีแดงและเมื่อเมาส์ของผู้ใช้คลิกที่อื่นมันจะเปลี่ยนเป็นสีเทาอีกครั้ง
2. ฟังก์ชั่นไฮเปอร์ลิงก์
ผ่านค่าของข้อความ = 1 ไปที่จุดยึดด้านล่างที่ด้านล่างด้านล่างด้านล่างของหน้าผ่านวิธีการรับ มีกล่องอินพุตที่ปิดใช้งานด้านล่างจุดยึดด้านล่างและพารามิเตอร์ข้อความบนแถบที่อยู่โพลอยู่ตลอดเวลา
เริ่มถ้าคุณไม่คลิกไม่มีพารามิเตอร์ข้อความดังนั้นกล่องอินพุตจะปรากฏเป็น NULL เสมอ
เมื่อคลิกไฮเปอร์ลิงก์กล่องโต้ตอบด้านล่างจะกลายเป็น 1 หลังจาก 0.5 วินาที เนื่องจากมีการประมวลผลเป็นมิลลิวินาทีความรู้สึกของผู้ใช้จึงถูกประมวลผลแบบเรียลไทม์
นอกจากนี้ยังมีการเชื่อมโยงหลายมิติด้านหลังด้านบนปิดใช้งานนี้ ล้างพารามิเตอร์หน้าและดึงแถบเลื่อนลงอีกครั้งและแสดงเป็นโมฆะอีกครั้ง
โปรดทราบว่าเมื่อค่าถูกส่งผ่านจุดยึดในหน้าสำเร็จ URL ของเบราว์เซอร์:
2. กระบวนการผลิต
ไม่จำเป็นต้องแนะนำปลั๊กอินใด ๆ เพียงเปิดหน้า HTML เพื่อเขียน โปรดดูรหัสต่อไปนี้:
คัดลอกรหัสดังนี้: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> onfoucs </title>
</head>
<body>
<!-กำหนดกล่องอินพุต Onfocus คือการได้รับโฟกัส เมื่อเคอร์เซอร์ถูกวางไว้ในกล่องอินพุตพารามิเตอร์ getFocus () จะถูกเรียกใช้ทันที Onblur สูญเสียโฟกัสและ OnFocus ก็หันไปทางอื่น -
<p>
<input type = "text" onfocus = "getFocus ()" onblur = "losefocus ()"/>
</p>
<!-หมายเหตุไวยากรณ์ของไฮเปอร์ลิงก์สำหรับพารามิเตอร์ที่ส่งผ่านโดยจุดยึดในหน้า ใช้ "เชื่อมต่อพารามิเตอร์" จากนั้นใช้ #Connect Anchor Points สำหรับพารามิเตอร์หลายตัวให้เขียนเป็น "texta = 1 & textb = 2#ด้านล่างใช้" & ลิงค์->
<p>
<a href = "onfocus.html? text = 1#bottom"> anchors </a>
</p>
<!-LIs จำนวนมากเพิ่งใช้ในการครอบครองบรรทัด ~ เพื่อให้ทุกคนเห็นเอฟเฟกต์สมอ->
<li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li>
<!-ไฮเปอร์ลิงก์นี้เทียบเท่ากับปุ่มย้อนกลับ->
<p>
<a id = "bottom" href = "JavaScript: history.go (-1);"> back </a>
</p>
<!-ฉันเป็นกล่องโต้ตอบปิดใช้งาน->
<p>
<input type = "text" id = "pollingtext" disabled = "disabled"/>
</p>
</body>
</html>
<script>
/*แรกเปลี่ยนสีพื้นหลังของหน้าเป็น #eeeeeeee*/
window.onload = function () {
document.bgcolor = "#eeeeeee";
การเลือกตั้ง ();
-
/* เมื่อกล่องโต้ตอบได้รับโฟกัสให้เปลี่ยนสีพื้นหลังเป็นสีแดงมิฉะนั้นเปลี่ยนเป็น #eeeeeee*/
ฟังก์ชั่น getFocus () {
document.bgcolor = "#ff0000";
-
ฟังก์ชั่น losefocus () {
document.bgcolor = "#eeeeeee";
-
/*นี่คือนิพจน์ทั่วไปเฉพาะสำหรับพารามิเตอร์เมื่อใช้ URL ได้รับค่าที่ผ่าน*//
ฟังก์ชั่น geturlparam (ชื่อ) {
var reg = ใหม่ regexp ("(^| &)" + ชื่อ + "= ([^&]*) (& | $)");
var r = window.location.search.substr (1) .match (reg);
ถ้า (r! = null) ส่งคืน Unsescape (r [2]); คืนค่า null;
-
/*ตำรวจอย่างต่อเนื่องเพื่อตรวจสอบว่าพารามิเตอร์ GET ถูกส่งผ่าน*/
ฟังก์ชั่นซิงโครนัส () {
document.getElementById ("pollingText"). value = getUrlParam ("ข้อความ");
-
ฟังก์ชั่นสำรวจ () {
ซิงโครนัส ();
setInterval ("synchronous ()", 500);
-
</script>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน