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

js中的引號巢狀問題

$(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

Androidscrollviewwebview後導致網頁載入成功但無法顯示

                   今天同事提出了一個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++ 中的許多特性自己都不知道。其中巢狀類和區域性類感覺還是蠻有用的,簡單的寫寫他們的用法。 巢狀類 所謂巢狀類就是可以在一個類中定義另一個類。這個被巢狀的類的作用域就只在它的

Androidscrollviewwebview的實現

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

AndroidFragment生命週期響應問題

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