2. 程式人生 > >js中的引號巢狀問題

js中的引號巢狀問題

阿新 • • 發佈：2019-01-15
$(function(){ oneLayerNesting(); //一層巢狀 twoLayerNesting(); //兩層巢狀 threeLayerNesting(); //三層巢狀 fourLayerNesting(); //四層巢狀 }); function oneLayerNesting(){ $("#single_quotes").append('<input /><br/>'); $("#double_quotes").append("<input /><br/>"
); } function twoLayerNesting(){ $("#single_quotes").append('<input value="兩層巢狀" /><br/>'); $("#double_quotes").append("<input value='兩層巢狀' /><br/>"); } function threeLayerNesting(){ var value = "三層巢狀"; $("#single_quotes").append('<input value="三層巢狀-錯誤例子-1" onclick="printValue('
+value+');" />');/*錯誤例子-1-點選報錯:ReferenceError: \u4E09\u5C42\u5D4C\u5957 is not defined*/ $("#double_quotes").append("<input value='三層巢狀-錯誤例子-1' onclick='printValue("+value+");' />");/*錯誤例子-1-點選報錯:ReferenceError: \u4E09\u5C42\u5D4C\u5957 is not defined*/ $("#single_quotes").append('<input value="三層巢狀-錯誤例子-2" onclick="printValue("'
+value+'");" />');/*錯誤例子-2-顯示錯誤:<input value="三層巢狀" onclick="printValue(" 三層巢狀");"="">*/ $("#double_quotes").append("<input value='三層巢狀-錯誤例子-2' onclick='printValue('"+value+"');' />");/*錯誤例子-2-顯示錯誤:<input value="三層巢狀" onclick="printValue(" 三層巢狀");"="">*/ $("#single_quotes").append('<input value="三層巢狀-錯誤例子-3" onclick="printValue(\"'+value+'\");" />');/*錯誤例子-3-顯示錯誤:<input value="三層巢狀" onclick="printValue(" 三層巢狀");"="">*/ $("#double_quotes").append("<input value='三層巢狀-錯誤例子-3' onclick='printValue(\'"+value+"\');' />");/*錯誤例子-3-顯示錯誤:<input value="三層巢狀" onclick="printValue(" 三層巢狀");"="">*/ $("#single_quotes").append('<input value="三層巢狀-錯誤例子-4" onclick="printHtml(\"<input/>\");" />');/*錯誤例子-4-顯示錯誤:<input value="三層巢狀-錯誤例子-4" onclick="printHtml(" <input="">*/ $("#double_quotes").append("<input value='三層巢狀-錯誤例子-4' onclick='printHtml(\'<input/>\,);' />");/*錯誤例子-4-顯示錯誤:<input value="三層巢狀-錯誤例子-4" onclick="printHtml(" <input="">*/ $("#single_quotes").append('<input value="三層巢狀-正確例子-1" onclick="printValue(\''+value+'\');" />');/*正確例子-1*/ $("#double_quotes").append("<input value='三層巢狀-正確例子-1' onclick='printValue(\""+value+"\");' />");/*正確例子-1*/ $("#single_quotes").append('<input value="三層巢狀-正確例子-2" onclick="printHtml(\'<input/>\');" /><br/>');/*正確例子-2*/ $("#double_quotes").append("<input value='三層巢狀-正確例子-2' onclick='printHtml(\"<input/>\");' /><br/>");/*正確例子-2*/ } function fourLayerNesting(){ $("#single_quotes").append('<input value="四層巢狀-錯誤例子-1" onclick="printHtml(\'<input value=\"四層巢狀\"/>\');" />');/*錯誤例子-1-顯示錯誤:<input value="四層巢狀" onclick="printHtml('<input value=" 四層巢狀"="">*/ $("#double_quotes").append("<input value='四層巢狀-錯誤例子-1' onclick='printHtml(\"<input value=\'四層巢狀\'/>\");' />");/*錯誤例子-1-顯示錯誤:<input value="四層巢狀" onclick="printHtml('<input value=" 四層巢狀"="">*/ //&apos;是單引號的轉義符，&quot;是雙引號的轉義符 $("#single_quotes").append('<input value="四層巢狀-正確例子" onclick="printHtml(\'<input value=&quot;四層巢狀-單引號&quot;/>\');" /><br/>');/*正確例子*/ $("#double_quotes").append("<input value='四層巢狀-正確例子' onclick='printHtml(\"<input value=&apos;四層巢狀-雙引號&apos;/>\");' /><br/>");/*正確例子*/ } function printHtml(html){ $("#print_box").append(html); } function printValue(value){ console.log("value="+value); }

相關推薦

js中迴圈巢狀 列印五行，每一行有5個*；

for(var j=1; j<=5; j++){  //迴圈產生一行5個* --- 控制*的個數(列的個數)  var str = '';  for(var i=1; i<=5; i++){    str += '*';  }  console.log(str);

js中的引號巢狀問題

$(function(){ oneLayerNesting(); //一層巢狀 twoLayerNesting(); //兩層巢狀 threeLayerNesting(); //三層巢狀 fourLayerNesting(); //四層巢狀

Android 中 Fragment 巢狀 Fragment使用存在的bug附完美解決方案

原文地址：https://blog.csdn.net/u014365133/article/details/73176068 自從Android3.0引入了Fragment之後，使用Activity去巢狀一些Fragment的做法也變得更加流行，這確實是Fra

ASP NET MVC中的巢狀佈局頁

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

css 網頁中如何巢狀style樣式？

Css 叫層疊樣式表，給html新增樣式 Html的type=”text/html”   網頁中如何巢狀style樣式？ 1.        行間樣式將style當做屬性寫在標籤內。權重1000 2.行內樣式把s

Python中函式巢狀以及函式巢狀的繼承

# a = 10 # b = 0 # c = 5 # try: # print("a的值是：%d,b的值是：%d"%(a,b)) # # f = c.open("a.txt") # print(f) # d = a / b # print("%d除以%d的值為

Sass中的巢狀---結合線上編譯詳解選擇器巢狀、屬性巢狀、偽類巢狀

推薦部落格：https://blog.hypers.io/2017/08/06/sass%20&%20compass%20%E6%95%99%E7%A8%8B%20--%20%E8%AF%AD%E6%B3%95%E7%AF%87(%E4%B8%80)/?utm_source=tuicool&

在Windows Server 2016 Hyper-V中開啟巢狀虛擬化（NestedVM）

2016年   早期如果我們想做Hyper-V功能測試，例如Hyper-V Cluster或者Hyper-V Replica時至少使用兩臺物理機器實現，作為大眾屌絲沒那麼多錢購買機器怎麼辦？——巢狀虛擬化。巢狀虛擬化，顧名思義，即在虛擬機器中執行虛擬機器。該技術最早出現在VMwar

Android中scrollview巢狀webview後導致網頁載入成功但無法顯示

                   今天同事提出了一個bug,關於h5頁面無法顯示為空白頁，因為這塊的程式碼不是我寫的，之前同事寫的，所以我就看了一下程式碼，初看沒什麼問題，因為感覺這沒什麼難度，就

關於html中，巢狀多個盒子浮動的問題。

//貼上程式碼 <!DOCTYPE html> <html>     <head>         <meta charset="utf-8" />         <title></title>   

protobuf 中的巢狀訊息的使用 主要對set_allocated_和mutable_的使用

版權宣告：本文為博主原創文章，未經博主允許不得轉載。    https://blog.csdn.net/u011729265/article/details/51287312 protobuf的簡單的使用，不過還留下了一個問題，那就是之前主要介紹的都是對簡單資料的賦值，簡單資

ASP.Net MVC中頁面巢狀的使用教程

建立Layout的view， 在Views資料夾右鍵Add/MVC x Layout Page                   程式碼如下：

Java中的巢狀類、內部類、靜態內部類

在Java中我們在一個類的內部再定義一個類，如下所示：class OuterClass { ... class NestedClass { ... } }那麼在上面的例子中我們稱OuterClass為外圍類（enclosing clas

python中的巢狀類

在.NET和JAVA語言中看到過巢狀類的實現，作為外部類一個區域性工具還是很有用的，今天在python也看到了很不錯支援一下。動態語言中很好的巢狀類的實現，應該說巢狀類解決設計問題同時簡化了程式，值得學習。 #!/usr/bin/env python import th

“全棧2019”Java第八十五章：實現介面中的巢狀介面

難度 初級 學習時間 10分鐘 適合人群 零基礎 開發語言 Java 開發環境 JDK v11 IntelliJ IDEA v2018.3 文章原文連結 “全棧2019”Java第八十五章：實現介面中的巢狀介面 下一章

“全棧2019”Java第七十九章：類中可以巢狀介面嗎？

難度 初級 學習時間 10分鐘 適合人群 零基礎 開發語言 Java 開發環境 JDK v11 IntelliJ IDEA v2018.3 文章原文連結 “全棧2019”Java第七十九章：類中可以巢狀介面嗎？ 下一章

Java中的巢狀類總結

一直對內部類、靜態內部類這些名詞的認識不太清晰，做一些小小的總結。 一、什麼是巢狀類（nested class）？ 首先Java中的巢狀類（nested class）是指定義在另一個類的內部的類，所以叫巢狀類。它有很多種分類的方式，從型別上分，有成員類（me

C++ 中的巢狀類和區域性類

C++ 中的巢狀類和區域性類 最近趁著春節假期空閒，找了本C++ Primer 學了幾章，發現C++ 中的許多特性自己都不知道。其中巢狀類和區域性類感覺還是蠻有用的，簡單的寫寫他們的用法。 巢狀類 所謂巢狀類就是可以在一個類中定義另一個類。這個被巢狀的類的作用域就只在它的

Android中scrollview巢狀webview的實現

Android中，預設情況下，scrollview中如果再巢狀一個webview，會出現webview無法展示的以及這個scrollview無法滑動的問題，因為scrollview需要根據內部的內容計算高度，webview也需要更具內部的內容計算高度，而且他們都

Android中Fragment巢狀生命週期響應問題

問題闡述 ： 主介面有四個Fragment 分別為A、B、C、D 這些為第一層Fragment（建立方式是由事務提交形式），其中B Fragment中佈局為ViewPager，裡面是放的三個Fragment 分別為B_1、B_2、B_3,這些稱為第二層Frag