前端HTML
重点:
1. web页面通常使用哪几种开发语言?
JS, CSS ,HTML
2.HTML结构包含哪两部分?
Head - Body
头部 - -主体
3. HTML元素由哪几部分组成?
头部:<head></head>
内容:<body></body>
底部:<footer></footer>
4. 常见的HTML标签有哪些?
html -- body -- head -- title -- <!--注释 --> -- 链接等
5. HTML DOM是什么结构?
DOM也称作:DOM树。先主体分成head 和body。
前端JavaScript
6. 我们在哪几个地方可以运行JavaScript?
①javascript脚本代码要放在<script>标签之间;
<script type="text/javascript"></script>
②<script>标签可插在三处地方:
(1).文档需要在<head></head>标签之间!
例子:
<head>
<script type="text/javascript">javascript脚本代码内容</script>
</head>
(2).在文档<body></body>标签之间
例子:
<body>
<script type="text/javascript">javascript脚本代码内容</script>
</body>
(3).把javascript脚本代码存在一个js文件内,在源文档的<script>标签内引用!
例子:
把脚本存在一个命名为DD.js的文件内(就是一个记事本写入内容后,命名为XXX.js就行,注意这个文件是独立的不在文档内的)!
下面是html文档内引用的方法;
<script type="text/javascript" src="DD.js"></javascript>
7. JavaScript是如何获取元素内容?
第一步,获取元素:
getElementById():通过id来获取元素;
第二步,获取元素内容
.innerHTML:获取元素内容
PS:
alert() 方法在JavaScript中表示弹出一个警告框,可以用来展示信息
8. 修改一个HTML form元素内容
第一步,使用f12,选定登录框的元素,找到id=urs-lg-form
第二步,获取urs-lg-form的元素内容,并修改为一个html的
9.如何让创建动态的HTML元素内容?
document.write()
10. 如何让页面增加点互动?
onclick + function函数,配合使用!
11.以上使用JavaScript访问和操作HTML,就是JavaScript DOM的操作!
DOM本质:是连接web页面和编程的语言;
JavaScript + DOM :是访问和操作HTML文档的标准方法;
12. 我们如果想获取浏览器信息,操作浏览器行为,怎么办?
使用JavaScript BOM!
13. 如果让浏览器来警告用户?
三种方法:
警告弹窗:alert()
确认弹窗:confiirm()
提示弹窗:prompt()
PS:
常用于简单的调试和信息展示,如:XSS漏洞的测试。
14. 如何从浏览器获取用户cookie?
先明白什么是cookie?
cookie:通常是服务器发放给用户客户端的一小段文本信息;
常见场景:
用户输入用户名和密码成功登陆后,网站会生成一个cookie给用户,当作用户凭证;
-----这个平常cookie,就相当于我们的钥匙,我们每次访问网站的时候,浏览器都会带上钥匙(cookie)
重点:
获取cookie!
docunment.cookie
修改cookie:
步骤一:先获取到cookie;--docunment.cookie
步骤二:再复制给cookie即可。--docunment.cookie=“想写入的值”
实例:
PS:
可以尝试写:
alert(document.cookie),看看会发生什么事情?
15. 浏览器的其他操作行为:
15.1 获取浏览器屏幕信息:screen
15.2 获取/控制用户页面URL:(windows.)location
15.3 获取访问者浏览器信息:(windows.)navigator
15.4 操作浏览器窗口:windows.open/close
16. 以上使用JavaScript 获取浏览器信息,和操作浏览器,就是我们常说的Javascript BOM
BOM:是浏览器对象模型;
本质:连接浏览器和编程语言。
17. JavaScript包含哪三种?
ECMAScript , DOM , BOM
ECMAScript:是Javascript标准;
DOM:文档对象模型;
BOM:浏览器对象模型。