1. 程式人生 > >jquery程式碼中拼接html片段單雙引號問題

jquery程式碼中拼接html片段單雙引號問題

很多時候我們會在jquery程式碼中去拼接html程式碼片段,會用到onclick事件,通常在onclick中的引數會出現單雙引號問題。

場景一

當傳入的引數是數字型別,不進行單雙引號轉義,可以直接呼叫。

var rowKey=20181212131415;

var isApply=0;

拼接程式碼如下:

"<a href='javascript:void(0)' >"+value+"<span title='刪除' class='glyphicon glyphicon-trash' style='float:right' aria-hidden='true' onclick='deleteModel("+rowKey+','+modelApply+")'></span></a>"

    function deleteModel(rowKey,isApply){

        console.log(rowKey);

        console.log(isApply);

    }

這種情況下呼叫刪除模型的方法,可以打印出值,沒什麼問題。

場景二

當傳入的引數是字串型別,不進行單雙引號的轉義則會出現問題。

var rowKey=20181212131415;

var modelName="新模型";

同樣的拼接程式碼:

"<a href='javascript:void(0)' >"+value+"<span title='刪除' class='glyphicon glyphicon-trash' style='float:right' aria-hidden='true' onclick='deleteModel("+rowKey+','+modelName+")'></span></a>"

呼叫上述的刪除方法,不僅打印不出東西,還需要轉義。

這種轉義的規則就是外面是雙引號,裡面被包含的就是單引號,單引號裡面被包含的就是雙引號,就是單中有雙,雙中有單。

通常我們藉助轉義符號進行,\"等同於',\'等同於“。

拼接程式碼改為:

"<a href='javascript:void(0)' >"+value+"<span title='刪除' class='glyphicon glyphicon-trash' style='float:right' aria-hidden='true' onclick='deleteModel(\""+rowKey+"\",\""+modelName+"\")'></span></a>"

則成功執行。

相關推薦

jquery程式碼拼接html片段引號問題

很多時候我們會在jquery程式碼中去拼接html程式碼片段,會用到onclick事件,通常在onclick中的引數會出現單雙引號問題。場景一當傳入的引數是數字型別,不進行單雙引號轉義,可以直接呼叫。var rowKey=20181212131415;var isApply=

js字串拼接引號問題

文章目錄 使用場景 使用案例 使用場景 頁面動態載入資料的時候,經常需要拼接資料後再放入Dom 使用案例 var str=''; str+='<a href="javascript:void(0)" oncli

前端(JS,html引號問題

        JSP中常見單雙引號問題: JSP中主要分三塊程式碼的書寫        分別是<%java程式碼%> <!-html程式碼-!> <*/JS程式碼*/>        主要問題:            1、JS中引用HTM

html、JavaScript、JSON引號使用及巢狀

HTML與JS 一般 HTML 習慣是屬性都用雙引號。那麼當遇到 js 和 php 裡要用 HTML string 的時候,就是這樣: // js var str = '<div class="zu-global-notify" id="zh-global-mes

shell腳本引號疑惑

轉義 mil 技術分享 應該 任務 awk命令 fff 不起作用 .com 工作中常用到shell腳本,遇到了一個疑惑,求解。   常見的解釋:   單引號字符串的限制: 單引號裏的任何字符都會原樣輸出,單引號字符串中的變量是無效的; 單引號字串中不能出現單獨一個的單

js拼接html,替換頁面原來死資料

$(function(){         //alert(4444);             //待派單    //$('#sendOrders').click(fu

jQuery Mobile無法提交表的解決方法

jquery mobile預設是使用ajax提交表單的,如果要像平常PHP一樣的流程接收引數,可以把AJAX禁用: 只在加上data-ajax="false"就可以了。 <form method="post" action="jqdemo.php" data-aja

ReactNative 在程式碼載入html適配問題

在製作專案過程中遇到一個很坑了問題,就是我需要顯示一個html頁面,因為初學真的不懂,百度了下才知道原來直接用《WebView》這個標籤就行了。但是問題來了,我用這個標籤的確是顯示出來html的內容瞭然而。。。根本就沒有辦法適配手機螢幕。webview這個標籤的確是有一個屬性

jQuery程式碼使用switch語句

switch (cnt) { case ("string1"): ...

通過iframe引入另外一個專案html片段到專案,解決樣式,高度,相容等問題的策略

<!--尾部開始--> <iframe src="http://172.16.24.11:9000/cartoon-web/footer_new"    marginheight=

python筆記22-literal_eval函數處理返回json引號

col 輸入 line 技術分享 listt 刪除 input expect lis 在做接口測試的時候,最常見的接口返回數據就是json類型,json類型數據實際上就是字串,通常標準的json格式是可以轉化成python裏面的對應的數據類型的有時候開發返回的數據比較坑

引號拼接不正常問題

//問題情境: url="<a href="#" onclick='_util.update("+id+",\'"+datas+"\')'>"+names+"</a>"

sql語句引號

txtSQL = "select * from Line_Info where id = '" & Trim(txt1.Text) & "'"     有誰還記得這個sql語句中的''

SQL語句引號的理解

 EG:     StrSql="select * from usersheet where loginname=' "+Login1.UserName+" ' and userpass=' "+L

關於Python引號以及三引號

1、單雙引號是一樣的。   如print('hello')和print("hello")輸出都是hello   那既然一樣為什麼要弄兩種,其實還是有一些好處的。舉個例子你就明白了:   print('

php引號的轉義

經測試,我的sublime text3雙引號中沒法轉義單引號 1、由於PHP將試圖找出那些需要將其值插入到雙引號內的變數,所以從理論上講,使用單引號要快一些。但是,如果需要列印一個變數的值,則

【原創】Flex和Bison巧用引號提升語法檔案的可讀性

使用Win Flex 和 Bison有一段時間了,期間搞了幾個小型語言的編譯器,也整理了C和C++的語法檔案,在使用過程中我發現,如果按照傳統的%token標記,將運算子,如“+”、“-”、“*”、“/”等搞成文字記號,比如:%token PLUS、%token

json包含引號問題解決方案

htm ini reat 編程 定義 ava 需要 但是 idt json包含單雙引號問題解決方案http://www.bieryun.com/1197.html最近項目中 遇到需要JSON傳數據 但是某個字段 裏面可能含有 雙引號和單引號 導致出現錯誤為了方便 寫了

Bash編程變量有無引號探秘

次數 輸出 -i 般的 別了 marathon port 文件中 內容 對於一般的變量,有無雙引號效果是一樣的,如下所示:$ sport="marathon"$ echo $sportmarathon$ echo "$sport"ma

ORA-00923: FROM keyword not found where expected(引號

1.前提   在學習oracel的過程中遇到的一個關於單雙引號的問題 備註一下 2.學習過程中建立表語句是這樣的 create table DEPT_DML --部門表( DEPT_NO NUMBER(8) not null, DEPT_NAME VARCHAR2(50), LOC