web前端考试题2019-05-29

关于Html,css,js的基础

P:标签定义段落。 Ul: 标签定义无序列表。 Ol:标签定义有序列表。 Hr:标签在 HTML 页面中创建一条水平线。

br可插入一个简单的换行符。 Strong:强调文本用加粗字体。 Em:标签用来修饰内容成斜体字。

Form:标签用于为用户输入创建 HTML 表单。 Input:标签用于搜集用户信息。a:标签定义超链接,用于从一张页面链接到另一张页面。 Img: 元素向网页中嵌入一幅图像。

Span:标签被用来组合文档中的行内元素。 Div:是一个块级元素。 Table: 标签定义 HTML 表格。 Select:元素可创建单选或多选菜单。 Option:元素定义下拉列表中的一个选项(一个条目)。

Header:标签定义文档的页眉(介绍信息)。 Nav:标签定义导航链接的部分。

Section:标签定义文档中的节(section、区段)。 Footer:标签定义文档或节的页脚。

Aside:标签定义 article 以外的内容。

表单的元素:text对象代表 HTML 表单中的文本输入域 password:对象代表 HTML 表单中的密码字段。 Button: 标签定义一个按钮。 Submit:方法把表单数据提交到 Web 服务器。

Reset:方法可把表单中的元素重置为它们的默认值。Radio:对象代表 HTML 表单中的单选按钮。 Checkbox:对象代表一个 HTML 表单中的 一个选择框。

File:该元素包含一个文本输入字段,用来输入文件名,还有一个按钮,用来打开文件选择对话框以便图形化选择文件。 Hidden: 属性是布尔属性。 Date:Input Date 对象是 HTML5 中的新对象。

Textarea:标签定义多行的文本输入控件。

CSS:

外部样式表:不需要<style>标签 使用link标签来调用外部样式表,有什么好处?可以使网站简洁,风格统一。

JS:

1.JS中的对象:自定义对象 内置对象Array

String

RegExp

以下对象都属于BOM

Window

Navigator

Screen

History:go(-1) back()加载 history 列表中的前一个 URL。Forward()加载 history 列表中的下一个 URL。

Location:reload()方法 属性href

2.获取元素的三种方法:getElementById() getElementsByName() getElementsByTagName();

<script type="text/javascript">

function getValue() {

var x = document.getElementById("username").value;正确的

document.username.value;不正确的

document.form1.username.value;正确的

alert(x);

}

</script>

<form action="" method="post" name=”form1”>

<input type="text" id="username" />

<input type="button" value="ok" onclick="getValue()"/>

</form>

Html中每个标签都会对应一个DOM对象

1.setInterval(code执行多次)与setTimeout(指定的毫秒后code执行一次)的区别

<pre style="margin-top:6.65pt;background:whitesmoke;border:none;mso-border-alt:dotted #778855 .5pt;
padding:0cm;mso-padding-alt:9.0pt 9.0pt 9.0pt 9.0pt">基本语法:setInterval(code,millisec[,"lang"])</pre>

setInterval(“show()”,50)在指定的周期内执行多次show()方法

setTimeout(“show()”,50)在50毫秒后调用一次show方法

2. Form 对象中elements[]的用法

求表单元素的个数

var x = document.form1.elements.length;

var x = document.form1.length;

document.form1.elements[0]****获取到表单中指定的元素

5.****如何向****select****中动态的添加****option****选项

selTerm.add(new Option(i),null);

如何清空下拉框中的选项

selCourse.options.length =0;

3.****通过****js****可以动态改变样式

<div id="imageLayer" style="display: none;">dfadf</div>

<script type="text/javascript">

document.getElementById("imageLayer").style.display="block";

</script>

<a href="javascript:history.go(-1)">这是一个链接</a>

表单:****<form action=”****服务器端的资源****” method=”post” id=”form1” name=”form1”></form>

Post****与****get****的区别

表单的元素:****<input type=””>text password file hidden date email radio checkbox select

全局函数

Eval() isNaN() decodeURI()encodeURI()

var a = "3",b="4";

alert(a+"+"+b);

//****如果 x 是特殊的非数字值 NaN****(或者能被转换为这样的值),返回的值就是 true****。如果 x 是其他值****,****则返回 false****。

alert(isNaN(a));//false

//eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。

alert(eval(a+"+"+b));

目录的结构:****../ / ../../../

如何改变堆叠次序:****z-index

面中的图像加入超链接后,默认情况下都带有一道黑框,如何去掉它呢?

border="0"

在****CSS****中下面哪种方法表示超链接文字在鼠标经过时,超链接文字无下划线

A:hover {TEXT-DECORATION: none}

CSS****有三种选择符,分别是标签选择符,类选择符和****ID****选择器。

通过****readonly****属性可以设置文本框为只读。

<pre style="background:white;word-break:break-all">JS****中的基本数据类型****Number String****Boolean Null</pre>

Undefined

var a=****“****aaaa****”****; parseInt(a) NaN

** var a=****“****2aaa****”,****parseInt(a) 2**

** eval(****“****2+3****”****) 5**

在****HTML5****规范中,定义了****<video>****和****<audio>****标签,请写出标签作用

标签****<video> 元素定义视频:****<video width="1280" height="720" controls src="video.mp4">****您的浏览器不支持 video 标签。****</video> 标签****<audio> 元素定义音频,比如音乐或其他音频流 <audio src=****“****audio.mp3****“ controls>****您的浏览器不支持 audio 标签。****</audio> 属性: autoplay 视频在就绪后马上播放。 controls 向用户显示控件,比如播放按钮。 height 设置视频播放器的高度。 loop 当媒介文件完成播放后再次开始播放。 src 要播放的视频的 URL****。 width 设置视频播放器的宽度。

在****CSS****中,伪类及伪对象是什么,有什么特点

伪类及伪对象:由****CSS****自动支持,属****CSS****的一种扩展型类****名称不能被用户自定义****使用时只能按照标准格式进行应用

function fun(){

return 5;

}

var a=fun ;

var b=fun() ;

a****与****b****有什么区别:****第一个是将函数赋值给****a

第二个****b****的值为****5****,表示调用函数,这个函数的返回值为****5

Vue react react native foundation angularjs

Nodejs webpack glup

表格****table****中,如何实现跨行以及跨列 rowspan colspan

表单中常用的表单元素

Input:text input:password input:file input:hidden input:date input:email

Input:radio input:checkbox select option

Input:submit input:reset

<input type="text" name="" id="" required placeholder="" readonly disabled>

Readonly:****只读 disabled****:禁用

区别:****Readonly****只对****text/password****有效****而****disabled****对所有的元素都有效

后期表表单的数据会提交给服务器端,如果设置为****Readonly****,那么前台的数据可以传递到后台。

如果设置为****disabled****,前台的数据将无法传递给后台

Form****表单中常用的属性有哪些****:

<form 属性 id name class action method>****表单元素****</form>

Div****与****span****有什么区别****?div****是块级元素而****span****是内联元素

Css****中是如何表示块级元素以及内联元素的。

Display:block display:inline

什么是盒子模型?有哪些常用的属性?****margin padding border.

CSS****中常用的布局有几种:流动布局****浮动****绝对定位

相对定位****固定定位

CSS****中常用的选择器:****id(#) class(.) 标签****(p) 后代****(****空格****) 子元素选择器****(>) 分组选择器****(p,ul) ****通用选择器****()*

Window****对象中有哪些常用的方法

关闭窗口****获取焦点****(****失去****) alert()****警告框 prompt()****提示框****: 如果用户单击提示框的取消按钮,则返回 null。如果用户单击确认按钮,则返回输入字段当前显示的文本。 confirm()****确认框****: 如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false。 open();

Window****对象中有哪些子对象:history location Screen(浏览器对象模型BOM)

Document(DOM文档对象模型)

JS由哪几个部分组成:ECMAScript Bom Dom

|

parseFloat()

|

解析一个字符串并返回一个浮点数。

|
|

parseInt()

|

解析一个字符串并返回一个整数。

|
|

eval()

|

计算 JavaScript 字符串,并把它作为脚本代码来执行。

|
|

isNaN()

|

检查某个值是否是数字。

|

setInterval(code执行多次)与setTimeout(指定的毫秒后code执行一次)的区别

JavaScript中的数据类型有几种

Undefined、Null、Boolean、Number和String。还有一种复杂数据类型——Object。ECMAScript不支持任何创建自定义类型的机制,所有值都成为以上6中数据类型之一。

JavaScript中获取节点元素的三种方法

表单验证:例如如何判断两次输入的密码是否一致

二级联动、select下拉列表

ox",I�`.�X

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 225,151评论 6 523
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 96,465评论 3 405
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 172,429评论 0 368
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 61,147评论 1 301
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 70,149评论 6 400
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 53,614评论 1 315
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 41,965评论 3 429
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 40,950评论 0 279
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 47,486评论 1 324
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 39,524评论 3 347
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 41,640评论 1 355
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 37,228评论 5 351
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 42,976评论 3 340
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 33,407评论 0 25
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 34,552评论 1 277
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 50,215评论 3 381
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 46,714评论 2 366

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,542评论 1 45
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 7,145评论 2 19
  • jsdemo.html 全局函数 Eval() isNaN() decodeURI()encodeUR...
    呆萌孙先生阅读 576评论 0 0
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,230评论 0 3
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,595评论 0 7