JS试题 – 云博客

您要为 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套房

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

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

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

<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>

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

<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>