HTML、css、javascript题目

最新推荐文章于 2023-12-21 09:00:00 发布

一事无成的温柔9

最新推荐文章于 2023-12-21 09:00:00 发布

阅读量445

点赞数

文章标签： javascript css html

本文链接：https://blog.csdn.net/weixin_49015555/article/details/108322738

版权

HTML、css、javascript题目

1.如何居中一个浮动元素？补充以下代码？

#my-defined{
  position:absolute;
  width:300px;
  height:500px;
}

答：

#my-defined{
  position:absolute;
  width:300px;
  height:500px;
  left：50%；
margin-left：-150px
}

2.请根据下面html和css代码画出布局示意图（不用精确到像素）

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="">
<title>Document</title>
</head>
<style>
#page{
width:520px;
}
.nav{
width:200px;
float:right;
background: orange;
}
.main{
width:200px;
float:left;
padding-left:110px;
background:black;
}
.sub{
width:100px;
float:left;
margin:10px 0 10px -100px;
}
.nav, .sub{
border:1px dashed #000;
height:300px;
background: orange;
}
.sub{
height:280px;
}
</style>
<body>
<div id="page">
<div class="main"><div class="sub"></div></div>
<div class="nav"></div>
</div>
</body>
</html>

答：
在这里插入图片描述

3.form表单中method属性常用值，他们的区别是什么？

答：常用值为：get post

Get是不安全的，因为在传输过程，数据被放在请求的URL中；Post的所有操作对用户来说都是不可见的。
2. Get传送的数据量较小，这主要是因为受URL长度限制；Post传送的数据量较大，一般被默认为不受限制。
3. Get限制Form表单的数据集的值必须为ASCII字符；而Post支持整个ISO10646字符集。
4. Get执行效率却比Post方法好。Get是form提交的默认方法。

4.如何去掉ul>li前面的圆点？祛除圆点后，每个li前面会有空余，如何解决？

答：

<style type="text/css">
    ul{ 
        list-style: none; 
        padding: 0;
    }

</style>

5.写出javascript语言typeof可能返回的结果

答：
number、string、object、undefined、boolean、function

6.已知数组var arr = [“goole”，“microsoft”, “oracle”,“freewheel”,“IBM”,“爱立信”,“百度”，“企鹅”,“美团”,“去哪”,“58同城”,“新浪”,“搜狐”,“大众点评”,“360”,“汽车之家”,“巨人网络”,“携程”,“同城”,“4399”,“凤凰网”,“人民网”]请用效率最高的方法将此数组按顺序连接成字符。

答：
1.通过join()方法进行连接var str = arr.join("");
2.通过toString()方法进行连接var str =arr.toString();

7.请写出html、css、javascript注释的代码形式

答：
html：
css:/* /
javascript:单行// 多行/ */

8.请编写一段javascript脚本生成下面这段DOM结构，要求：使用标准的DOM方法或属性

<div class="example">
<p class="slogan">阿慧最可爱</p>
</div>

答：

<script type="text/javascript">
var sloga = document.createElement("div");
var text = document.createTextNode("阿慧最可爱");
sloga.appendChild(text);
sloga.className = "sloga";
var example = document.createElement("div");
example.appendChild(sloga);
example.className = "example";
document.body.appendChild(example);
</script>

9.要为一个html元素绑定一个事件，如点击事件，请写出一个兼容各个浏览器的事件绑定方法

function addlist(ele,click){
if(ele.addEventListener){
    ele.click()
}else{
    ele.onclick()
}
}

10.简述call和apply方法用途和区别？

答：
call和apply都可以改变this的指向
两者传参列表不一样call的参数直接写在后面，apply的参数必须必须以数组形式

一事无成的温柔9

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫