From 7425818d30fbc66df26cedebc612e8e83a332c56 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Wed, 3 Feb 2021 08:46:45 -0500 Subject: fix dir=rtl in zh-cn/learn/javascript/first_steps/what_is_javascript (#26) --- .../first_steps/what_is_javascript/index.html | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/files/zh-cn/learn/javascript/first_steps/what_is_javascript/index.html b/files/zh-cn/learn/javascript/first_steps/what_is_javascript/index.html index b62daa5a1d..39461e4c4e 100644 --- a/files/zh-cn/learn/javascript/first_steps/what_is_javascript/index.html +++ b/files/zh-cn/learn/javascript/first_steps/what_is_javascript/index.html @@ -42,13 +42,13 @@ translation_of: Learn/JavaScript/First_steps/What_is_JavaScript

这三层依次建立，秩序井然。以文本标签(text label)的简单示例。首先用 HTML 将文本标记起来，从而赋予它结构和目的：

-
<p>玩家1：小明</p>
+
<p>玩家1：小明</p>

玩家1：小明

然后我们可以为它加一点 CSS 让它更好看：

-
p {
+
p {
   font-family: sans-serif, '黑体';
   letter-spacing: 1px;
   text-transform: uppercase;
@@ -92,7 +92,7 @@ p {
 
 
最后，我们可以再加上一些 JavaScript 来实现动态行为：

 
-
const para = document.querySelector('p');
+
const para = document.querySelector('p');
 
 para.addEventListener('click', updateName);
 
@@ -210,7 +210,7 @@ function updateName() {
 
 
当浏览器执行到一段 JavaScript 代码时，通常会按从上往下的顺序执行这段代码。这意味着你需要注意代码书写的顺序。比如，我们回到第一个例子中的 JavaScript 代码：

 
-
const para = document.querySelector('p');
+
const para = document.querySelector('p');
 
 para.addEventListener('click', updateName);
 
@@ -324,13 +324,13 @@ const buttons = document注意，有时候你会遇到在 HTML 中存在着一丝真实的 JavaScript 代码。它或许看上去像这样：

 
-
function createParagraph() {
+
function createParagraph() {
   const para = document.createElement('p');
   para.textContent = '你点击了这个按钮！';
   document.body.appendChild(para);
 }

 
-
<button onclick="createParagraph()">点我呀</button>

+
<button onclick="createParagraph()">点我呀</button>

 
 
你可以在下面尝试这个版本的 demo。

 
@@ -366,7 +366,7 @@ const buttons = document可以使用纯 JavaScript 结构来通过一个指令选取所有按钮。下文的这段代码即实现了这一目的：

 
-
const buttons = document.querySelectorAll('button');
+
const buttons = document.querySelectorAll('button');
 
 for(let i = 0; i < buttons.length ; i++) {
   buttons[i].addEventListener('click', createParagraph);
@@ -386,7 +386,7 @@ for(let i = 0; i < buttons.length ; i++) {
 
 
“内部”示例使用了以下结构：

 
-
document.addEventListener("DOMContentLoaded", function() {
+
document.addEventListener("DOMContentLoaded", function() {
   . . .
 });

 
@@ -394,7 +394,7 @@ for(let i = 0; i < buttons.length ; i++) {
 
 
“外部”示例中使用了 JavaScript 的一项现代技术（async “异步”属性）来解决这一问题，它告知浏览器在遇到 <script> 元素时不要中断后续 HTML 内容的加载。

 
-
<script src="script.js" async></script>

+
<script src="script.js" async></script>

 
 
上述情况下，脚本和 HTML 将一并加载，代码将顺利运行。

 
@@ -412,7 +412,7 @@ for(let i = 0; i < buttons.length ; i++) {
 
 
比如，如果你的页面要加载以下三个脚本：

 
-
<script async src="js/vendor/jquery.js"></script>
+
<script async src="js/vendor/jquery.js"></script>
 
 <script async src="js/script2.js"></script>
 
@@ -455,7 +455,7 @@ for(let i = 0; i < buttons.length ; i++) {
 
 
比如说，我们可以这样为上一个 demo 添加注释：

 
-
// 函数：创建一个新的段落并添加至 HTML body 底部。
+
// 函数：创建一个新的段落并添加至 HTML body 底部。
 function createParagraph() {
   let para = document.createElement('p');
   para.textContent = '你点了这个按钮！';
-- 
cgit v1.2.3-54-g00ecf