Fatal编程技术网
  • javascript/
  • Javascript JS由于某种原因不起作用

Javascript JS由于某种原因不起作用

javascript html css

Javascript JS由于某种原因不起作用,javascript,html,css,Javascript,Html,Css,我只是在编写一些东西，但后来我添加（或删除）了一些东西，所有的JS代码都停止了工作 测试页 .嵌入测试{ 颜色：栗色； 字体系列：草书； } .2{ 字体大小：50px； } .stpd{ 字体系列：Comic Sans MS； } th， 运输署{ 边框：2件纯黑； 字体系列：Arial； 颜色：#000010； 字体大小：25px； 文本对齐：居中； } 桌子{ 边框：3倍纯黑； } .tf{ 宽度：200px } .JS{ 填充：0.75em 1.25em； 背景色：白烟； 宽度：10e

我只是在编写一些东西，但后来我添加（或删除）了一些东西，所有的JS代码都停止了工作


测试页
.嵌入测试{
颜色：栗色；
字体系列：草书；
}
.2{
字体大小：50px；
}
.stpd{
字体系列：Comic Sans MS；
}
th，
运输署{
边框：2件纯黑；
字体系列：Arial；
颜色：#000010；
字体大小：25px；
文本对齐：居中；
}
桌子{
边框：3倍纯黑；
}
.tf{
宽度：200px
}
.JS{
填充：0.75em 1.25em；
背景色：白烟；
宽度：10em
}
小鬼先生{
背景色：黑色；
字体系列：Arial；
颜色：白色；
字体大小：200px；
字母间距：5px；
宽度：6em；
填充：0.25em 0.25em；
}
阿林夫先生{
字体大小：20px；
字体系列：Arial；
}
.JS2{
填充：0.5em 0.5em；
背景颜色：灰色；
宽度：12em；
字体系列：Arial；
字体大小：20px；
}
.ce{
边框：2件纯黑；
}
.隐藏{
显示：无；
}
.通过{
宽度：200px；
页边顶部：1px；
字体大小：20px；
}
//IDK
$（'.arinf'）.toggle（）；
//提交表格
//点击我
$（'.JS'）。在（'click'，function（）上{
$（this.hide（）；
美元（本）.fadeIn（1000）；
})
//arrow.io信息
$（'.JS2'）。在（'click'，function（）上{
if（）
$（'hidd'）.removeClass（'hidden'）；
$（'.arinf'）.slideToggle（）；
});
//维尤格利布顿
$（“.hidden”）.fadeOut（500）；
$（'.ignoreplz'）。在（'click'，function（）上{
$（'.ignore'）。淡出（1000）；
$（'.ignoreplz'）。衰减（4000）；
})
//此非詐騙集團
警惕（'恭喜你來到了這個網頁,點擊好啊繼續')
61602 :)
要看程式碼

按Ctrl+U

全部都是我寫的

我中打很慢,所以這個網頁幾乎是全英文的XD

輸入代碼:



空白页，用于编码练习和测试
通过记事本编辑

使用样式标记的HTML中的CSS
测试2
绿色/

表测试
人
描述
霍华德
呆子
JS嵌入测试
不完整

单击我

点击

尺寸补偿

h1
氢
h3
h4
h5
h6
p


单击以显示arrow.io信息

重要
arrow.io
7:vivi
三：曾宥程
5:poo
2:MCS
veryuglybuttonotpress
您好。这是一些您不应该关心的随机文本。请忽略此
另外，我是新的，很抱歉，如果有太多的代码，那就是整个页面
Stackover一直告诉我要添加更多的细节，所以我只需要填充xd

像这样使用脚本标签

<html>
  <head>
    <title>Test Page</title>
    <script src='https://code.jquery.com/jquery-3.1.0.min.js'></script>
    <style>
      .embed-test {
      color:maroon;
      font-family: Cursive;
     }
.embed2{
      font-size:50px;
     }
.stpd{
      font-family:Comic Sans MS;
     }
th,
td{
      border:2px solid black;
      font-family:Arial;
      color:#000010;
      font-size:25px;
      text-align:center;
  }
table{
      border:3px solid black;
     }
      .tf{
        width:200px
      }
.JS{
      padding: 0.75em 1.25em;
      background-color:whitesmoke;
      width:10em
      }
.imp{
      background-color:black;
      font-family:Arial;
      color:white;
      font-size:200px;
      letter-spacing:5px;
      width:6em;
      padding: 0.25em 0.25em;
      }
.arinf{
      font-size:20px;
      font-family: Arial;
      }
.JS2{
      padding: 0.5em 0.5em;
      background-color:gray;
      width:12em;
      font-family: Arial;
      font-size:20px;
      }
.ce{
      border: 2px solid black;
   }
.hidden{
      display: none;
       }
.pass{
      width: 200px;
      margin-top:1px;
      font-size:20px;
     }
    </style>
  </head>
  <body>

    <h1>61602 :)</h1>
    <p>要看程式碼</p>
    <p>按Ctrl+U</p>

    <p>全部都是我寫的</p>
    <p>我中打很慢,所以這個網頁幾乎是全英文的XD</p>
    <form>
      輸入代碼:<br>
      <input type='text' name='passw' class='pas'><br>
      <input type='submit' name='submit' class='submit'>
    </form>
    <nav>
      <a href="#1">1</a>
      <a href="#2">2</a>
    </nav>
    <div id="1"></div>
    <h1>Blank Page, Used for Coding Practicing and Testing</h1>
    <p> edited through NotePad</p>
    <h3 class="embed-test"> CSS in HTML using style tag</h3>
    <h3 class="embed2"> test 2</h3>
    <p style="color:green">GREEN/</p>
    <h2>TABLE TEST</h2>
      <table>
        <thead>
          <tr>
            <th>Person</th>
            <th class="tf">Desc</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Howard</td>
            <td class="stpd tf">Stoopid</td>
          </tr>
        </tbody>
      </table>
     <h2>JS EMBED TEST</h2>
     <h6>Imcomplete</h6>
     <p class="JS">Click Me</p>

     <p>Click!</p>
     <p>Size comp</p>
     <h1>h1</h1>
     <h2>h2</h2>
     <h3>h3</h3>
     <h4>h4</h4>
     <h5>h5</h5>
     <h6>h6</h6>
     <p>p</p>
     <p class="JS2">Click to show arrow.io info</p>
     <div id="hidd" class="arinf hidden">
       <h1 class="imp"><strong>IMPORTANT</strong><br />arrow.io</h1>
       <h1>7: vivi</h1>
       <h1>3: 曾宥程</h1>
       <h1>5: poo</h1>
       <h1>2: MCS</h1>
     </div>
    <div contenteditable="true" class="ce"></div>
     <button class="ignoreplz">Very<b>ugly</b>button<b>do</b>not<b>press</b></button>
     <blockquote class="ignore"><i><b>Hi.This is some random text that you should not care about.Plz ignore this<br />ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz</b></i></blockquote>
     <script>
      //IDK
      $('.arinf').toggle();
      //Submit form
      //Click Me
      $('.JS').on('click',function(){
            $(this).hide();
            $(this).fadeIn(1000);
          })
      //arrow.io info
       $('.JS2').on('click', function(){
          if()
          $('#hidd').removeClass('hidden');
          $('.arinf').slideToggle();
           });
      //Veryuglybutton
         $('.hidden').fadeOut(500);
       $('.ignoreplz').on('click',function(){
         $('.ignore').fadeOut(1000);
         $('.ignoreplz').fadeOut(4000);
         });
      alert("your error")
    </script>
  </body>
</html>


测试页
.嵌入测试{
颜色：栗色；
字体系列：草书；
}
.2{
字体大小：50px；
}
.stpd{
字体系列：Comic Sans MS；
}
th，
运输署{
边框：2件纯黑；
字体系列：Arial；
颜色：#000010；
字体大小：25px；
文本对齐：居中；
}
桌子{
边框：3倍纯黑；
}
.tf{
宽度：200px
}
.JS{
填充：0.75em 1.25em；
背景色：白烟；
宽度：10em
}
小鬼先生{
背景色：黑色；
字体系列：Arial；
颜色：白色；
字体大小：200px；
字母间距：5px；
宽度：6em；
填充：0.25em 0.25em；
}
阿林夫先生{
字体大小：20px；
字体系列：Arial；
}
.JS2{
填充：0.5em 0.5em；
背景颜色：灰色；
宽度：12em；
字体系列：Arial；
字体大小：20px；
}
.ce{
边框：2件纯黑；
}
.隐藏{
显示：无；
}
.通过{
宽度：200px；
页边顶部：1px；
字体大小：20px；
}
61602 :)
要看程式碼

按Ctrl+U

全部都是我寫的

我中打很慢,所以這個網頁幾乎是全英文的XD

輸入代碼:



空白页，用于编码练习和测试
通过记事本编辑

使用样式标记的HTML中的CSS
测试2
绿色/

表测试
人
描述
霍华德
呆子
JS嵌入测试
不完整

单击我

点击

尺寸补偿

h1
氢
h3
h4
h5
h6
p


单击以显示arrow.io信息

重要
arrow.io
7:vivi
三：曾宥程
5:poo
2:MCS
veryuglybuttonotpress
您好。这是一些您不应该关心的随机文本。请忽略此

//IDK
$（'.arinf'）.toggle（）；
//提交表格
//点击我
$（'.JS'）。在（'click'，function（）上{
$（this.hide（）；
美元（本）.fadeIn（1000）；
})
//arrow.io信息
$（'.JS2'）。在（'click'，function（）上{
if（）
$（'hidd'）.removeClass（'hidden'）；
$（'.arinf'）.slideToggle（）；
});
//维尤格利布顿
$（“.hidden”）.fadeOut（500）；
$（'.ignoreplz'）。在（'click'，function（）上{
$（'.ignore'）。淡出（1000）；
$（'.ignoreplz'）.fadeOut（4

<html>
  <head>
    <title>Test Page</title>
    <script src='https://code.jquery.com/jquery-3.1.0.min.js'></script>
    <style>
      .embed-test {
      color:maroon;
      font-family: Cursive;
     }
.embed2{
      font-size:50px;
     }
.stpd{
      font-family:Comic Sans MS;
     }
th,
td{
      border:2px solid black;
      font-family:Arial;
      color:#000010;
      font-size:25px;
      text-align:center;
  }
table{
      border:3px solid black;
     }
      .tf{
        width:200px
      }
.JS{
      padding: 0.75em 1.25em;
      background-color:whitesmoke;
      width:10em
      }
.imp{
      background-color:black;
      font-family:Arial;
      color:white;
      font-size:200px;
      letter-spacing:5px;
      width:6em;
      padding: 0.25em 0.25em;
      }
.arinf{
      font-size:20px;
      font-family: Arial;
      }
.JS2{
      padding: 0.5em 0.5em;
      background-color:gray;
      width:12em;
      font-family: Arial;
      font-size:20px;
      }
.ce{
      border: 2px solid black;
   }
.hidden{
      display: none;
       }
.pass{
      width: 200px;
      margin-top:1px;
      font-size:20px;
     }
    </style>
  </head>
  <body>

    <h1>61602 :)</h1>
    <p>要看程式碼</p>
    <p>按Ctrl+U</p>

    <p>全部都是我寫的</p>
    <p>我中打很慢,所以這個網頁幾乎是全英文的XD</p>
    <form>
      輸入代碼:<br>
      <input type='text' name='passw' class='pas'><br>
      <input type='submit' name='submit' class='submit'>
    </form>
    <nav>
      <a href="#1">1</a>
      <a href="#2">2</a>
    </nav>
    <div id="1"></div>
    <h1>Blank Page, Used for Coding Practicing and Testing</h1>
    <p> edited through NotePad</p>
    <h3 class="embed-test"> CSS in HTML using style tag</h3>
    <h3 class="embed2"> test 2</h3>
    <p style="color:green">GREEN/</p>
    <h2>TABLE TEST</h2>
      <table>
        <thead>
          <tr>
            <th>Person</th>
            <th class="tf">Desc</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Howard</td>
            <td class="stpd tf">Stoopid</td>
          </tr>
        </tbody>
      </table>
     <h2>JS EMBED TEST</h2>
     <h6>Imcomplete</h6>
     <p class="JS">Click Me</p>

     <p>Click!</p>
     <p>Size comp</p>
     <h1>h1</h1>
     <h2>h2</h2>
     <h3>h3</h3>
     <h4>h4</h4>
     <h5>h5</h5>
     <h6>h6</h6>
     <p>p</p>
     <p class="JS2">Click to show arrow.io info</p>
     <div id="hidd" class="arinf hidden">
       <h1 class="imp"><strong>IMPORTANT</strong><br />arrow.io</h1>
       <h1>7: vivi</h1>
       <h1>3: 曾宥程</h1>
       <h1>5: poo</h1>
       <h1>2: MCS</h1>
     </div>
    <div contenteditable="true" class="ce"></div>
     <button class="ignoreplz">Very<b>ugly</b>button<b>do</b>not<b>press</b></button>
     <blockquote class="ignore"><i><b>Hi.This is some random text that you should not care about.Plz ignore this<br />ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz</b></i></blockquote>
     <script>
      //IDK
      $('.arinf').toggle();
      //Submit form
      //Click Me
      $('.JS').on('click',function(){
            $(this).hide();
            $(this).fadeIn(1000);
          })
      //arrow.io info
       $('.JS2').on('click', function(){
          if()
          $('#hidd').removeClass('hidden');
          $('.arinf').slideToggle();
           });
      //Veryuglybutton
         $('.hidden').fadeOut(500);
       $('.ignoreplz').on('click',function(){
         $('.ignore').fadeOut(1000);
         $('.ignoreplz').fadeOut(4000);
         });
      alert("your error")
    </script>
  </body>
</html>



<script src='https://code.jquery.com/jquery-3.1.0.min.js'>
  //IDK
  $('.arinf').toggle();



<script src='https://code.jquery.com/jquery-3.1.0.min.js'><script>
<script>
  //IDK
  $('.arinf').toggle();