Learn Javascript
t5.2 variable and type

有DOCX文件

  1. 03 Set.docx
  2. 03 string.docx
原始碼(03 string.html) 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta name="author" content="MarkdownViewer++" />
        <title>[JS] 03 string.md</title>
        <style type="text/css">
            
/* Avoid page breaks inside the most common attributes, especially for exports (i.e. PDF) */
td, h1, h2, h3, h4, h5, p, ul, ol, li {
    page-break-inside: avoid; 
}
h1 { color:blue; font-weight: bold; font-size: 24px; margin: 0px 0px 0px 0px; line-height: 120%; font-family: 'Open sans', sans-serif; }

h2 { color:blue; font-weight: bold; font-size: 22px; margin: 0px 0px 0px 0px; line-height: 120%; font-family: 'Open sans', sans-serif; }

p { font-family: 'Open sans', sans-serif; color: #777777; font-size: 14px; }


a { color: #f20553; text-decoration: none; }


a:hover { color: #D80649; text-decoration: none; }


/* Clearfix */

.cf:before,

.cf:after { content: " "; display: table; }

.cf:after { clear: both }


blockquote { padding: 30px 40px; font-family: 'Bitter',serif; font-size: 18px; border-left: 5px solid #d0d0d0; margin: 20px 40px; color: #a9a9a9; }


.post { width: 800px; margin: 100px auto; background: #ffffff; -webkit-box-shadow: 0px 0px 25px 10px #a9a9a9; box-shadow: 0px 0px 25px 10px #a9a9a9; border-radius: 3px; }


.header-title { padding: 40px 40px }


.header-title h1 { color: #111111 }


.date { background: #f20553; width: 70px; height: 55px; border-radius: 35px; float: left; margin: 10px 30px 0px 0px; padding: 15px 0px 0px 0px; color: #ffffff; font-size: 24px; font-weight: 900; text-align: center; line-height: 100%; font-family: 'Open sans', sans-serif; }


.date span { font-size: 14px; text-transform: uppercase; font-weight: 400; display: block; color: #ffffff; }


.post-content { padding: 0px 40px 40px 40px; line-height: 24px; }


.post-meta { background: #f7f7f7; padding: 30px 40px 40px 40px; clear: both; border-top: 1px solid #d0d0d0; }


.meta-field { font-family: 'Open sans', sans-serif; width: 200px; float: left; margin-right: 20px; text-transform: uppercase; color: #111111; font-weight: 700; font-size: 12px; }


.meta-field span { font-size: 10px; font-weight: 400; display: block; color: #777777; text-transform: uppercase; }

/* for block of code */
td.hljs-ln-code {
    padding-left: 10px;
}
        </style>
      </head>
    <body>
        <h2 id="macro-in-javascript-string">macro in javascript string</h2>
<pre><code class="language-js">let name = &quot;John&quot;;

// embed a variable
alert( `Hello, ${name}!` ); // Hello, John!

// embed an expression
alert( `the result is ${1 + 2}` ); // the result is 3
</code></pre>
<pre><code class="language-bash">echo off
set x=&quot;xxx&quot;
echo %x%
</code></pre>
<hr />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atelier-seaside-light.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
 

    </body>
</html>

前 後