js 動態(tài)生成html 觸發(fā)事件傳參字符轉(zhuǎn)義的實例
通常，在使用 JS 動態(tài)生成 html 的過程中，會嵌入相應(yīng)的樣式、事件等屬性元素，而這時經(jīng)常會出現(xiàn)所謂的 “單、雙引號不夠用” 的情況，別急，這時可以利用 html 語言中的轉(zhuǎn)義字符來解決。
下面就來介紹一下相應(yīng)的轉(zhuǎn)義字符吧：
& —— (ampersand) 轉(zhuǎn)義字符對應(yīng)為 &
“ —— (double quote) 雙引號，轉(zhuǎn)義字符對應(yīng)為 "
' —— (single quote)單引號，轉(zhuǎn)義字符對應(yīng)為 '
< —— (less than) 小于號，轉(zhuǎn)義字符對應(yīng)為 <
> —— (greater than) 大于號，轉(zhuǎn)義字符對應(yīng)為 >
例如，在 js 中：
var html = "<div onclick='orderIt('"+food.picture+"')'>點擊它</div>";
則對應(yīng)生成的 html 就為：
<div onclick=”orderIt('price')">點擊它</div>
以上這篇js 動態(tài)生成html 觸發(fā)事件傳參字符轉(zhuǎn)義的實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了JSONObject與JSONArray使用方法解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-09-09
關(guān)于js復(fù)制內(nèi)容到瀏覽器剪貼板報錯：Cannot read properties of&n
這篇文章主要給大家介紹了關(guān)于js復(fù)制內(nèi)容到瀏覽器剪貼板報錯：Cannot read properties of undefined (reading ‘writeText‘)的解決方案,文中給出了詳細的原因分析和解決方案,需要的朋友可以參考下2024-01-01
javascript 中 indexOf 是嚴格區(qū)分大小寫的 如何才能忽略大小寫呢?2008-08-08
這篇文章主要介紹了js使用post 方式打開新窗口的相關(guān)資料,需要的朋友可以參考下2015-02-02
基于JavaScript實現(xiàn)全屏透明遮罩div層鎖屏效果
這篇文章主要介紹了基于JavaScript實現(xiàn)全屏透明遮罩div層鎖屏效果的相關(guān)資料,需要的朋友可以參考下2016-01-01
基于Two.js實現(xiàn)星球環(huán)繞動畫效果的示例
本篇文章主要介紹了基于Two.js實現(xiàn)=星球環(huán)繞動畫效果的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
簡單通過settimeout看javascript的運行機制
這篇文章主要給大家介紹了關(guān)于如何通過settimeout看javascript的運行機制的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用javascript具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
本文主要介紹了js動畫模擬滾動條的實現(xiàn)原理以及分享了通過滾動條實現(xiàn)的幾個應(yīng)用的實例代碼:1.通過移動滾動條來實現(xiàn)數(shù)字的加減;2.通過拖動滾動條來實現(xiàn)元素尺寸的變化，以改變元素寬度為例;3.通過拖動滾動條來實現(xiàn)內(nèi)容滾。需要的朋友一起來看下吧2016-12-12
JavaScript 驗證瀏覽器是否支持javascript的方法小結(jié)
一些網(wǎng)站只有客戶端js的驗證,這樣就給一些hacher一些可趁之機了,不信大家測試一些網(wǎng)站的注冊功能看看,有部分網(wǎng)站只有客戶端驗證,我為了達到客戶端驗證,先是判斷瀏覽器是否支持js,如果不支持,提示信息,然后屏蔽掉發(fā)送按鈕2009-05-05
js實現(xiàn)一款簡單踩白塊小游戲(曾經(jīng)很火)
本文給大家分享原生js實現(xiàn)曾經(jīng)很火的一款小游戲—別踩白塊，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2019-12-12