JavaScript単引用符と二重引用符の違い

42354 ワード



	
		
		
		<script>
			//        ,        
			var s = "alert('1')";//alert    1
			var s = 'alert("1")';//alert    1
			eval(s);//  JavaScript   ,            
		</script>
	
	
	
</span></code></pre> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;text-align:left;background-color:rgb(255,255,255);"> 
   <span style="font-size:18px;"><span style="color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;text-align:left;background-color:rgb(255,255,255);">JS               ,       。</span><span style="color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;margin:0px;padding:0px;line-height:1.6;">            ,     </span><span style="color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;text-align:left;margin:0px;padding:0px;line-height:1.6;background-color:rgb(0,204,255);">"    "</span><span style="color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;text-align:left;margin:0px;padding:0px;line-height:1.6;">  </span><span style="color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;text-align:left;margin:0px;padding:0px;line-height:1.6;background-color:rgb(0,204,255);">"    "</span><span style="color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;text-align:left;margin:0px;padding:0px;line-height:1.6;">   ;           ,    "    ":</span></span> 
   <br/> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;background-color:rgb(255,255,255);"> 
   <br/> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;background-color:rgb(255,255,255);">
    HTML            ,        : 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;background-color:rgb(255,255,255);"> 
   <pre><code>                               
"        、        "      "
'        、        '      '</code></pre> 
   <div style="margin:0px;padding:0px;"> 
    <div class="CodeMirror CodeMirror-wrap cm-s-material" style="margin:0px;padding:0px;"> 
     <div style="margin:0px;padding:0px;width:3px;height:0px;"/> 
     <div class="CodeMirror-scrollbar-filler" style="margin:0px;padding:0px;"/> 
     <div class="CodeMirror-gutter-filler" style="margin:0px;padding:0px;"/> 
     <div class="CodeMirror-scroll" style="margin:0px;padding:0px;"> 
      <div class="CodeMirror-sizer" style="margin:0px 0px 0px 29px;padding:0px;border-right-width:30px;min-height:70px;"> 
       <div style="margin:0px;padding:0px;"> 
        <div class="CodeMirror-lines" style="margin:0px;padding:0px;"> 
         <div style="margin:0px;padding:0px;"> 
          <div class="CodeMirror-measure" style="margin:0px;padding:0px;"> 
           <pre><code>x</code></pre> 
          </div> 
          <div class="CodeMirror-measure" style="margin:0px;padding:0px;"/> 
          <div style="margin:0px;padding:0px;"/> 
          <div class="wiz-hide wiz_CodeMirror-cursors" style="margin:0px;padding:0px;"> 
           <div class="CodeMirror-cursor" style="margin:0px;padding:0px;height:20.8px;">
               
           </div> 
          </div> 
          <div class="CodeMirror-code" style="margin:0px;padding:0px;"> 
           <div style="margin:0px;padding:0px;"> 
            <div class="CodeMirror-gutter-wrapper" style="margin:0px;padding:0px;"> 
             <div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="margin:0px;padding:0px;width:21px;">
               1 
             </div> 
            </div> 
            <pre><code><span style="margin:0px;padding:0px .1px 0px 0px;"><span class="cm-variable" style="margin:0px;padding:0px;">  </span>      <span class="cm-variable" style="margin:0px;padding:0px;">  </span>         <span class="cm-variable" style="margin:0px;padding:0px;">    </span>    <span class="cm-variable" style="margin:0px;padding:0px;">    </span></span></code></pre> 
           </div> 
           <div style="margin:0px;padding:0px;"> 
            <div class="CodeMirror-gutter-wrapper" style="margin:0px;padding:0px;"> 
             <div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="margin:0px;padding:0px;width:21px;">
               2 
             </div> 
            </div> 
            <pre><code><span style="margin:0px;padding:0px .1px 0px 0px;"><span class="cm-string" style="margin:0px;padding:0px;">"        、        "      "</span></span></code></pre> 
           </div> 
           <div class="CodeMirror-activeline" style="margin:0px;padding:0px;"> 
            <div class="wiz-hide wiz_CodeMirror-activeline-background CodeMirror-linebackground" style="margin:0px;padding:0px;"/> 
            <div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="margin:0px;padding:0px;width:29px;"/> 
            <div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="margin:0px;padding:0px;"> 
             <div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="margin:0px;padding:0px;width:21px;">
               3 
             </div> 
            </div> 
            <pre><code><span style="margin:0px;padding:0px .1px 0px 0px;"><span class="cm-string" style="margin:0px;padding:0px;">'        、        '      '</span></span></code></pre> 
           </div> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
      <div style="margin:0px;padding:0px;height:13px;width:1px;border-bottom:0px solid transparent;"/> 
      <div class="CodeMirror-gutters" style="margin:0px;padding:0px;height:100px;"> 
       <div class="CodeMirror-gutter CodeMirror-linenumbers" style="margin:0px;padding:0px;width:29px;"/> 
      </div> 
     </div> 
    </div> 
   </div> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;background-color:rgb(255,255,255);">
    JS               ,       。 
   <span style="margin:0px;padding:0px;line-height:1.6;">            ,     </span> 
   <span style="margin:0px;padding:0px;line-height:1.6;background-color:rgb(0,204,255);">"    "</span> 
   <span style="margin:0px;padding:0px;line-height:1.6;">  </span> 
   <span style="margin:0px;padding:0px;line-height:1.6;background-color:rgb(0,204,255);">"    "</span> 
   <span style="margin:0px;padding:0px;line-height:1.6;">   ;           ,    "    ":</span> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;background-color:rgb(255,255,255);"/> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;background-color:rgb(255,255,255);"> 
   <pre><code>console.log(" ' ' ");    // ' ' 
console.log(' " " ');    // " " 
console.log(" " " ");    //  </code></pre> 
   <div style="margin:0px;padding:0px;"> 
    <div class="CodeMirror CodeMirror-wrap cm-s-material" style="margin:0px;padding:0px;"> 
     <div style="margin:0px;padding:0px;width:3px;height:0px;"/> 
     <div class="CodeMirror-scrollbar-filler" style="margin:0px;padding:0px;"/> 
     <div class="CodeMirror-gutter-filler" style="margin:0px;padding:0px;"/> 
     <div class="CodeMirror-scroll" style="margin:0px;padding:0px;"> 
      <div class="CodeMirror-sizer" style="margin:0px 0px 0px 29px;padding:0px;border-right-width:30px;min-height:70px;"> 
       <div style="margin:0px;padding:0px;"> 
        <div class="CodeMirror-lines" style="margin:0px;padding:0px;"> 
         <div style="margin:0px;padding:0px;"> 
          <div class="CodeMirror-measure" style="margin:0px;padding:0px;"> 
           <pre><code>x</code></pre> 
          </div> 
          <div class="CodeMirror-measure" style="margin:0px;padding:0px;"/> 
          <div style="margin:0px;padding:0px;"/> 
          <div class="wiz-hide wiz_CodeMirror-cursors" style="margin:0px;padding:0px;"> 
           <div class="CodeMirror-cursor" style="margin:0px;padding:0px;height:20.8px;"/> 
          </div> 
          <div class="CodeMirror-code" style="margin:0px;padding:0px;"> 
           <div style="margin:0px;padding:0px;"> 
            <div class="CodeMirror-gutter-wrapper" style="margin:0px;padding:0px;"> 
             <div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="margin:0px;padding:0px;width:21px;">
               1 
             </div> 
            </div> 
            <pre><code><span style="margin:0px;padding:0px .1px 0px 0px;"><span class="cm-variable" style="margin:0px;padding:0px;">console</span>.<span class="cm-property" style="margin:0px;padding:0px;">log</span>(<span class="cm-string" style="margin:0px;padding:0px;">" ' ' "</span>);    <span class="cm-comment" style="margin:0px;padding:0px;">// ' ' </span></span></code></pre> 
           </div> 
           <div style="margin:0px;padding:0px;"> 
            <div class="CodeMirror-gutter-wrapper" style="margin:0px;padding:0px;"> 
             <div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="margin:0px;padding:0px;width:21px;">
               2 
             </div> 
            </div> 
            <pre><code><span style="margin:0px;padding:0px .1px 0px 0px;"><span class="cm-variable" style="margin:0px;padding:0px;">console</span>.<span class="cm-property" style="margin:0px;padding:0px;">log</span>(<span class="cm-string" style="margin:0px;padding:0px;">' " " '</span>);    <span class="cm-comment" style="margin:0px;padding:0px;">// " " </span></span></code></pre> 
           </div> 
           <div class="CodeMirror-activeline" style="margin:0px;padding:0px;"> 
            <div class="wiz-hide wiz_CodeMirror-activeline-background CodeMirror-linebackground" style="margin:0px;padding:0px;"/> 
            <div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="margin:0px;padding:0px;width:29px;"/> 
            <div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="margin:0px;padding:0px;"> 
             <div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="margin:0px;padding:0px;width:21px;">
               3 
             </div> 
            </div> 
            <pre><code><span style="margin:0px;padding:0px .1px 0px 0px;"><span class="cm-variable" style="margin:0px;padding:0px;">console</span>.<span class="cm-property" style="margin:0px;padding:0px;">log</span>(<span class="cm-string" style="margin:0px;padding:0px;">" "</span><span class="cm-variable" style="margin:0px;padding:0px;"> </span><span class="cm-string" style="margin:0px;padding:0px;">" "</span>);    <span class="cm-comment" style="margin:0px;padding:0px;">//  </span></span></code></pre> 
           </div> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
      <div style="margin:0px;padding:0px;height:13px;width:1px;border-bottom:0px solid transparent;"/> 
      <div class="CodeMirror-gutters" style="margin:0px;padding:0px;height:100px;"> 
       <div class="CodeMirror-gutter CodeMirror-linenumbers" style="margin:0px;padding:0px;width:29px;"/> 
      </div> 
     </div> 
    </div> 
   </div> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;background-color:rgb(255,255,255);">
       JAVA   ,     \         : 
   <br style="margin:0px;padding:0px;"/> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;background-color:rgb(255,255,255);"> 
   <pre><code>console.log(" \" \" ");    // " " </code></pre> 
   <div style="margin:0px;padding:0px;"> 
    <div class="CodeMirror CodeMirror-wrap cm-s-material" style="margin:0px;padding:0px;"> 
     <div style="margin:0px;padding:0px;width:3px;height:0px;"/> 
     <div class="CodeMirror-scrollbar-filler" style="margin:0px;padding:0px;"/> 
     <div class="CodeMirror-gutter-filler" style="margin:0px;padding:0px;"/> 
     <div class="CodeMirror-scroll" style="margin:0px;padding:0px;"> 
      <div class="CodeMirror-sizer" style="margin:0px 0px 0px 29px;padding:0px;border-right-width:30px;min-height:29px;"> 
       <div style="margin:0px;padding:0px;"> 
        <div class="CodeMirror-lines" style="margin:0px;padding:0px;"> 
         <div style="margin:0px;padding:0px;"> 
          <div class="CodeMirror-measure" style="margin:0px;padding:0px;"/> 
          <div class="CodeMirror-measure" style="margin:0px;padding:0px;"/> 
          <div style="margin:0px;padding:0px;"/> 
          <div class="wiz-hide wiz_CodeMirror-cursors" style="margin:0px;padding:0px;"> 
           <div class="CodeMirror-cursor" style="margin:0px;padding:0px;height:20.8px;">
               
           </div> 
          </div> 
          <div class="CodeMirror-code" style="margin:0px;padding:0px;"> 
           <div class="CodeMirror-activeline" style="margin:0px;padding:0px;"> 
            <div class="wiz-hide wiz_CodeMirror-activeline-background CodeMirror-linebackground" style="margin:0px;padding:0px;"/> 
            <div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="margin:0px;padding:0px;width:29px;"/> 
            <div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="margin:0px;padding:0px;"> 
             <div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="margin:0px;padding:0px;width:21px;">
               1 
             </div> 
            </div> 
            <pre><code><span style="margin:0px;padding:0px .1px 0px 0px;"><span class="cm-variable" style="margin:0px;padding:0px;">console</span>.<span class="cm-property" style="margin:0px;padding:0px;">log</span>(<span class="cm-string" style="margin:0px;padding:0px;">" \" \" "</span>);    <span class="cm-comment" style="margin:0px;padding:0px;">// " " </span></span></code></pre> 
           </div> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
      <div style="margin:0px;padding:0px;height:13px;width:1px;border-bottom:0px solid transparent;"/> 
      <div class="CodeMirror-gutters" style="margin:0px;padding:0px;height:59px;"> 
       <div class="CodeMirror-gutter CodeMirror-linenumbers" style="margin:0px;padding:0px;width:29px;"/> 
      </div> 
     </div> 
    </div> 
   </div> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;background-color:rgb(255,255,255);"> 
   <br style="margin:0px;padding:0px;"/> 
  </div> 
  <h2 style="margin-top:10px;margin-bottom:10px;padding:0px;font-size:21px;line-height:1.5;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;text-align:left;background-color:rgb(255,255,255);">         </h2> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;background-color:rgb(255,255,255);">
               , onclick       ,       : 
   <br style="margin:0px;padding:0px;"/> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;background-color:rgb(255,255,255);"> 
   <pre><code><input type="button" onclick="alert("/> -------------------   </code></pre> 
   <div style="margin:0px;padding:0px;"> 
    <div class="CodeMirror CodeMirror-wrap cm-s-material" style="margin:0px;padding:0px;"> 
     <div style="margin:0px;padding:0px;width:3px;height:0px;"/> 
     <div class="CodeMirror-scrollbar-filler" style="margin:0px;padding:0px;"/> 
     <div class="CodeMirror-gutter-filler" style="margin:0px;padding:0px;"/> 
     <div class="CodeMirror-scroll" style="margin:0px;padding:0px;"> 
      <div class="CodeMirror-sizer" style="margin:0px 0px 0px 29px;padding:0px;border-right-width:30px;min-height:29px;"> 
       <div style="margin:0px;padding:0px;"> 
        <div class="CodeMirror-lines" style="margin:0px;padding:0px;"> 
         <div style="margin:0px;padding:0px;"> 
          <div class="CodeMirror-measure" style="margin:0px;padding:0px;"/> 
          <div class="CodeMirror-measure" style="margin:0px;padding:0px;"/> 
          <div style="margin:0px;padding:0px;"/> 
          <div class="wiz-hide wiz_CodeMirror-cursors" style="margin:0px;padding:0px;"> 
           <div class="CodeMirror-cursor" style="margin:0px;padding:0px;height:20.8px;">
               
           </div> 
          </div> 
          <div class="CodeMirror-code" style="margin:0px;padding:0px;"> 
           <div class="CodeMirror-activeline" style="margin:0px;padding:0px;"> 
            <div class="wiz-hide wiz_CodeMirror-activeline-background CodeMirror-linebackground" style="margin:0px;padding:0px;"/> 
            <div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="margin:0px;padding:0px;width:29px;"/> 
            <div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="margin:0px;padding:0px;"> 
             <div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="margin:0px;padding:0px;width:21px;">
               1 
             </div> 
            </div> 
            <pre><code><span style="margin:0px;padding:0px .1px 0px 0px;"><span class="cm-tag cm-bracket" style="margin:0px;padding:0px;"><</span><span class="cm-tag" style="margin:0px;padding:0px;">input</span> <span class="cm-attribute" style="margin:0px;padding:0px;">type</span>=<span class="cm-string" style="margin:0px;padding:0px;">"button"</span> <span class="cm-attribute" style="margin:0px;padding:0px;">onclick</span>=<span class="cm-string" style="margin:0px;padding:0px;">"alert("</span><span class="cm-attribute" style="margin:0px;padding:0px;">  </span><span class="cm-string cm-error" style="margin:0px;padding:0px;">")"</span> <span class="cm-tag cm-bracket" style="margin:0px;padding:0px;">/></span> -------------------   </span></code></pre> 
           </div> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
      <div style="margin:0px;padding:0px;height:13px;width:1px;border-bottom:0px solid transparent;"/> 
      <div class="CodeMirror-gutters" style="margin:0px;padding:0px;height:59px;"> 
       <div class="CodeMirror-gutter CodeMirror-linenumbers" style="margin:0px;padding:0px;width:29px;"/> 
      </div> 
     </div> 
    </div> 
   </div> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;background-color:rgb(255,255,255);">
         ,        : 
   <br style="margin:0px;padding:0px;"/> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;background-color:rgb(255,255,255);"> 
   <pre><code><input type="button" onclick="alert(\"/> ----------------   </code></pre> 
   <div style="margin:0px;padding:0px;"> 
    <div class="CodeMirror CodeMirror-wrap cm-s-material" style="margin:0px;padding:0px;"> 
     <div style="margin:0px;padding:0px;width:3px;height:0px;"/> 
     <div class="CodeMirror-scrollbar-filler" style="margin:0px;padding:0px;"/> 
     <div class="CodeMirror-gutter-filler" style="margin:0px;padding:0px;"/> 
     <div class="CodeMirror-scroll" style="margin:0px;padding:0px;"> 
      <div class="CodeMirror-sizer" style="margin:0px 0px 0px 29px;padding:0px;border-right-width:30px;min-height:29px;"> 
       <div style="margin:0px;padding:0px;"> 
        <div class="CodeMirror-lines" style="margin:0px;padding:0px;"> 
         <div style="margin:0px;padding:0px;"> 
          <div class="CodeMirror-measure" style="margin:0px;padding:0px;"/> 
          <div class="CodeMirror-measure" style="margin:0px;padding:0px;"/> 
          <div style="margin:0px;padding:0px;"/> 
          <div class="wiz-hide wiz_CodeMirror-cursors" style="margin:0px;padding:0px;"> 
           <div class="CodeMirror-cursor" style="margin:0px;padding:0px;height:20.8px;">
               
           </div> 
          </div> 
          <div class="CodeMirror-code" style="margin:0px;padding:0px;"> 
           <div class="CodeMirror-activeline" style="margin:0px;padding:0px;"> 
            <div class="wiz-hide wiz_CodeMirror-activeline-background CodeMirror-linebackground" style="margin:0px;padding:0px;"/> 
            <div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="margin:0px;padding:0px;width:29px;"/> 
            <div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="margin:0px;padding:0px;"> 
             <div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="margin:0px;padding:0px;width:21px;">
               1 
             </div> 
            </div> 
            <pre><code><span style="margin:0px;padding:0px .1px 0px 0px;"><span class="cm-tag cm-bracket" style="margin:0px;padding:0px;"><</span><span class="cm-tag" style="margin:0px;padding:0px;">input</span> <span class="cm-attribute" style="margin:0px;padding:0px;">type</span>=<span class="cm-string" style="margin:0px;padding:0px;">"button"</span> <span class="cm-attribute" style="margin:0px;padding:0px;">onclick</span>=<span class="cm-string" style="margin:0px;padding:0px;">"alert(\"</span><span class="cm-attribute" style="margin:0px;padding:0px;">  \</span><span class="cm-string cm-error" style="margin:0px;padding:0px;">")"</span> <span class="cm-tag cm-bracket" style="margin:0px;padding:0px;">/></span> ----------------   </span></code></pre> 
           </div> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
      <div style="margin:0px;padding:0px;height:13px;width:1px;border-bottom:0px solid transparent;"/> 
      <div class="CodeMirror-gutters" style="margin:0px;padding:0px;height:59px;"> 
       <div class="CodeMirror-gutter CodeMirror-linenumbers" style="margin:0px;padding:0px;width:29px;"/> 
      </div> 
     </div> 
    </div> 
   </div> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;background-color:rgb(255,255,255);">
          。  ,      ,                  : 
   <br style="margin:0px;padding:0px;"/> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;background-color:rgb(255,255,255);"> 
   <pre><code><input type="button" onclick="alert('  ')"/>  -------------------  
<input type="button" onclick="alert("  ")"/>  -------------------  </code></pre> 
   <div style="margin:0px;padding:0px;"> 
    <div class="CodeMirror CodeMirror-wrap cm-s-material" style="margin:0px;padding:0px;"> 
     <div style="margin:0px;padding:0px;width:3px;height:0px;"/> 
     <div class="CodeMirror-scrollbar-filler" style="margin:0px;padding:0px;"/> 
     <div class="CodeMirror-gutter-filler" style="margin:0px;padding:0px;"/> 
     <div class="CodeMirror-scroll" style="margin:0px;padding:0px;"> 
      <div class="CodeMirror-sizer" style="margin:0px 0px 0px 29px;padding:0px;border-right-width:30px;min-height:50px;"> 
       <div style="margin:0px;padding:0px;"> 
        <div class="CodeMirror-lines" style="margin:0px;padding:0px;"> 
         <div style="margin:0px;padding:0px;"> 
          <div class="CodeMirror-measure" style="margin:0px;padding:0px;"/> 
          <div class="CodeMirror-measure" style="margin:0px;padding:0px;"/> 
          <div style="margin:0px;padding:0px;"/> 
          <div class="wiz-hide wiz_CodeMirror-cursors" style="margin:0px;padding:0px;"> 
           <div class="CodeMirror-cursor" style="margin:0px;padding:0px;height:20.8px;"/> 
          </div> 
          <div class="CodeMirror-code" style="margin:0px;padding:0px;"> 
           <div style="margin:0px;padding:0px;"> 
            <div class="CodeMirror-gutter-wrapper" style="margin:0px;padding:0px;"> 
             <div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="margin:0px;padding:0px;width:21px;">
               1 
             </div> 
            </div> 
            <pre><code><span style="margin:0px;padding:0px .1px 0px 0px;"><span class="cm-tag cm-bracket" style="margin:0px;padding:0px;"><</span><span class="cm-tag" style="margin:0px;padding:0px;">input</span> <span class="cm-attribute" style="margin:0px;padding:0px;">type</span>=<span class="cm-string" style="margin:0px;padding:0px;">"button"</span> <span class="cm-attribute" style="margin:0px;padding:0px;">onclick</span>=<span class="cm-string" style="margin:0px;padding:0px;">"alert('  ')"</span> <span class="cm-tag cm-bracket" style="margin:0px;padding:0px;">/></span>  -------------------  </span></code></pre> 
           </div> 
           <div class="CodeMirror-activeline" style="margin:0px;padding:0px;"> 
            <div class="wiz-hide wiz_CodeMirror-activeline-background CodeMirror-linebackground" style="margin:0px;padding:0px;"/> 
            <div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="margin:0px;padding:0px;width:29px;"/> 
            <div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="margin:0px;padding:0px;"> 
             <div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="margin:0px;padding:0px;width:21px;">
               2 
             </div> 
            </div> 
            <pre><code><span style="margin:0px;padding:0px .1px 0px 0px;"><span class="cm-tag cm-bracket" style="margin:0px;padding:0px;"><</span><span class="cm-tag" style="margin:0px;padding:0px;">input</span> <span class="cm-attribute" style="margin:0px;padding:0px;">type</span>=<span class="cm-string" style="margin:0px;padding:0px;">"button"</span> <span class="cm-attribute" style="margin:0px;padding:0px;">onclick</span>=<span class="cm-string" style="margin:0px;padding:0px;">'alert("  ")'</span> <span class="cm-tag cm-bracket" style="margin:0px;padding:0px;">/></span>  -------------------  </span></code></pre> 
           </div> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
      <div style="margin:0px;padding:0px;height:13px;width:1px;border-bottom:0px solid transparent;"/> 
      <div class="CodeMirror-gutters" style="margin:0px;padding:0px;height:80px;"> 
       <div class="CodeMirror-gutter CodeMirror-linenumbers" style="margin:0px;padding:0px;width:29px;"/> 
      </div> 
     </div> 
    </div> 
   </div> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;background-color:rgb(255,255,255);">
        JS       \       ? 
   <br style="margin:0px;padding:0px;"/> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;background-color:rgb(255,255,255);"> 
   <br style="margin:0px;padding:0px;"/> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;background-color:rgb(255,255,255);">
        ,        HTML     ,          HTML ,   javascript : 
   <br style="margin:0px;padding:0px;"/> 
  </div> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;background-color:rgb(255,255,255);"/> 
  <div style="margin:0px;padding:0px;color:rgb(0,0,0);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:left;background-color:rgb(255,255,255);"> 
   <pre><code><input type="button" onclick="alert("   ");"/> -------------------  
<input type="button" onclick="alert("   ");"/> -------------------  ,【"】 【"】     

<input type="button" onclick="alert('   ');"/> -------------------  </code></pre> 
   <div style="margin:0px;padding:0px;"> 
    <div class="CodeMirror CodeMirror-wrap cm-s-material" style="margin:0px;padding:0px;"> 
     <div style="margin:0px;padding:0px;width:3px;height:0px;"/> 
     <div class="CodeMirror-scrollbar-filler" style="margin:0px;padding:0px;"/> 
     <div class="CodeMirror-gutter-filler" style="margin:0px;padding:0px;"/> 
     <div class="CodeMirror-scroll" style="margin:0px;padding:0px;"> 
      <div class="CodeMirror-sizer" style="margin:0px 0px 0px 29px;padding:0px;border-right-width:30px;min-height:91px;"> 
       <div style="margin:0px;padding:0px;"> 
        <div class="CodeMirror-lines" style="margin:0px;padding:0px;"> 
         <div style="margin:0px;padding:0px;"> 
          <div class="CodeMirror-measure" style="margin:0px;padding:0px;"/> 
          <div class="CodeMirror-measure" style="margin:0px;padding:0px;"/> 
          <div style="margin:0px;padding:0px;"/> 
          <div class="wiz-hide wiz_CodeMirror-cursors" style="margin:0px;padding:0px;"> 
           <div class="CodeMirror-cursor" style="margin:0px;padding:0px;height:20.8px;"/> 
          </div> 
          <div class="CodeMirror-code" style="margin:0px;padding:0px;"> 
           <div style="margin:0px;padding:0px;"> 
            <div class="CodeMirror-gutter-wrapper" style="margin:0px;padding:0px;"> 
             <div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="margin:0px;padding:0px;width:21px;">
               1 
             </div> 
            </div> 
            <pre><code><span style="margin:0px;padding:0px .1px 0px 0px;"><span class="cm-tag cm-bracket" style="margin:0px;padding:0px;"><</span><span class="cm-tag" style="margin:0px;padding:0px;">input</span> <span class="cm-attribute" style="margin:0px;padding:0px;">type</span>=<span class="cm-string" style="margin:0px;padding:0px;">"button"</span> <span class="cm-attribute" style="margin:0px;padding:0px;">onclick</span>=<span class="cm-string" style="margin:0px;padding:0px;">"alert("   ");"</span> <span class="cm-tag cm-bracket" style="margin:0px;padding:0px;">/></span> -------------------  </span></code></pre> 
           </div> 
           <div style="margin:0px;padding:0px;"> 
            <div class="CodeMirror-gutter-wrapper" style="margin:0px;padding:0px;"> 
             <div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="margin:0px;padding:0px;width:21px;">
               2 
             </div> 
            </div> 
            <pre><code><span style="margin:0px;padding:0px .1px 0px 0px;"><span class="cm-tag cm-bracket" style="margin:0px;padding:0px;"><</span><span class="cm-tag" style="margin:0px;padding:0px;">input</span> <span class="cm-attribute" style="margin:0px;padding:0px;">type</span>=<span class="cm-string" style="margin:0px;padding:0px;">"button"</span> <span class="cm-attribute" style="margin:0px;padding:0px;">onclick</span>=<span class="cm-string" style="margin:0px;padding:0px;">"alert("   ");"</span> <span class="cm-tag cm-bracket" style="margin:0px;padding:0px;">/></span> -------------------  ,【<span class="cm-atom" style="margin:0px;padding:0px;">"</span>】 【<span class="cm-atom" style="margin:0px;padding:0px;">"</span>】     </span></code></pre> 
           </div> 
           <div class="CodeMirror-activeline" style="margin:0px;padding:0px;"> 
            <div class="wiz-hide wiz_CodeMirror-activeline-background CodeMirror-linebackground" style="margin:0px;padding:0px;"/> 
            <div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="margin:0px;padding:0px;width:29px;"/> 
            <div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="margin:0px;padding:0px;"> 
             <div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="margin:0px;padding:0px;width:21px;">
               3 
             </div> 
            </div> 
            <pre><code><span style="margin:0px;padding:0px .1px 0px 0px;"><span style="margin:0px;padding:0px;"/></span></code></pre> 
           </div> 
           <div style="margin:0px;padding:0px;"> 
            <div class="CodeMirror-gutter-wrapper" style="margin:0px;padding:0px;"> 
             <div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="margin:0px;padding:0px;width:21px;">
               4 
             </div> 
            </div> 
            <pre><code><span style="margin:0px;padding:0px .1px 0px 0px;"><span class="cm-tag cm-bracket" style="margin:0px;padding:0px;"><</span><span class="cm-tag" style="margin:0px;padding:0px;">input</span> <span class="cm-attribute" style="margin:0px;padding:0px;">type</span>=<span class="cm-string" style="margin:0px;padding:0px;">"button"</span> <span class="cm-attribute" style="margin:0px;padding:0px;">onclick</span>=<span class="cm-string" style="margin:0px;padding:0px;">"alert('   ');"</span> <span class="cm-tag cm-bracket" style="margin:0px;padding:0px;">/></span> -------------------  </span></code></pre> 
           </div> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
   </div> 
  </div> 
  <br/> 
 </div> 
</div>
                            </div>
                        </div>