JS试题

标签：ack   line   cli   use   col   button   alt   mamicode   floor   

1. 您要为 Contoso Suites 编写一个将要输出 HTML 的 JavaScript 程序
   

   <p id="para"></p>
   <script type="text/javascript">
       let line = document.getElementById(‘para‘);
       let Room = [‘单人间‘,‘双人间‘,‘三人间‘,‘套房‘];
       for(let i = 0;i<Room.length;i++){
           line.innerHTML += i + Room[i]
       }
   </script>

   0单人间1双人间2三人间3套房

2. 您要创建一个包含脚本的网页。该脚本将窗口的位置插入页面的 input 元素
   

   <input type="input" name="" id="url" value="" />
   <script type="text/javascript">
       document.getElementById(‘url‘).value=window.location.href;
   </script>

   

3. 您要设计一个带有以下脚本的网页，该脚本必须能动态更改段落元素的内容，以便显示 函数“随机定价（）”返回的值
   

   <p id="test" onclick="uptext()">单击更改内容</p>
   <input type="button" name="" id="" value="更改内容" onclick="uptext()"/>
   <script type="text/javascript">
       function uptext(){
           document.getElementById(‘test‘).innerHTML = Math.floor(Math.random()*10);
       }
   </script>

   

4. 您要设计一个包含蓝色按钮的网页。按下该按钮时，它应该调用一个函数。该函数可显 示“欢迎！”消息。当光标悬停在该按钮上方时，该按钮应变红。当光标离开该按钮时， 该按钮恢复期最初的蓝色
   

   <input type="button" name="" id="noun" value="按钮" onclick="show_text()"
    onmouseover = show_red() onmouseout = show_blue()
   style="background-color:blue;color:while;"/>
   <script>
       function show_red(){
           let noun = document.getElementById(‘noun‘)
           noun.style.backgroundColor = ‘red‘;
       }
       function show_blue(){
           let noun = document.getElementById(‘noun‘)
           noun.style.backgroundColor = ‘blue‘;
       }
       function show_text(){
           alert(‘欢迎！‘)
       }
   </script>

   

JS试题

标签：ack   line   cli   use   col   button   alt   mamicode   floor   

原文地址：https://www.cnblogs.com/tanzizheng/p/12839908.html