เมื่อเขียนรหัส JS คุณสามารถค้นหาปรากฏการณ์นี้ได้:
document.write ("1 2 3"); ผลลัพธ์: 1 2 3ไม่ว่าจะมีช่องว่างอยู่ในเนื้อหาที่ส่งออกจำนวนเท่าใดผลลัพธ์ที่แสดงดูเหมือนจะมีพื้นที่เพียงแห่งเดียว
นี่เป็นเพราะกลไกการแสดงผลของเบราว์เซอร์แสดงหลายช่องว่างด้วยตนเองถึง 1 ช่องว่าง
สารละลาย:
1. ใช้แท็ก HTML เอาท์พุทเพื่อแก้ปัญหา
document.write (""+"1"+""+"23"); ผลลัพธ์: 1 232. ใช้สไตล์ CSS เพื่อแก้ไข
document.write ("<span style = 'space สีขาว: pre;'>"+"1 2 3"+"</span>"); ผลลัพธ์: 1 2 3เพิ่ม "พื้นที่สีขาว: pre;" แอตทริบิวต์สไตล์เมื่อเอาต์พุต สไตล์นี้หมายถึง "ช่องว่างจะถูกเก็บไว้โดยเบราว์เซอร์"
วิธีการใช้งานอย่างง่ายของพื้นที่ส่งออก JS ด้านบนคือเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น