Html_Css_Js

html

描述网页的一种标记语言

超链接
<a>标签
常用属性
  href 用于设定链接指向页面的url
表格标签
form 标签
   代表一个表单,用于向服务器传输数据
link 标签
     定义文档与外部资源的关系
     最常见的用途是链接样式表
     只能存在于head部分
   常用属性
      type:被链接文档的MIME类型
 
```bash
MIME:全称Multipurpose Internet Mail Extendsions
 设定某种扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问时,浏览器会自动使用指定应用程序来打开
  href:定义被链接的文档的url
  rel:定义当前文档与被链接文档之间的关系
## css
   由两部分组成:选择器,一条或多条声明
      指层叠样式表
      样式定义如何显示HTML元素
导入css方式
  **外部样式表:**
 
```css
<link rel="stylesheet" type="text/css" href="xxx.css">

css选择器
id选择器使用#引入
类选择器使用.引入
元素选择器

JS

 脚本语言,也称动态语言,是一种解释器语言,由解释器运行,用来控制软件应用程序,脚本通常以文本保存,只有被调用时进行解释或编译
 作用:通过js改变html内容,样式,进行验证等

js组成

ECMAScript
DOM :操作网页
BOM:操作浏览器

导入js方式:

在html页面中直接插入js
引入外部的js

<script src="xxx.js">此处不可在写js代码</script>
<script>标签可在html页面任意位置,一般放在<head>

变量声明

var i=0;;
var visible =true;

数据类型

ECMAScript原始类型
String :'' ""
Number : 任意数字
Boolean : true.false
undefind: 未初始化的变量
null
引用类型
var i=new Object();

常用函数

alert():显示一个提示框显示内容
document.write:在网页的当前位置处写内容

创建函数

function 函数名称(参数列表){
....
}

var 函数名称=function(参数列表){
....
}

js中创建函数不必声明返回值函数,要返回结果使用return来返回

JS事件

事件来驱动函数执行,基本上所有的html元素都可以指定事件属性
所有的事件属性都以on开头

BOM:

全称browser object model ,浏览器对象模型
为了方便对浏览器操作,js封装了对浏览器的各个对象

window对象
  为js 层级的顶层对象
  代表一个浏览器窗口或框架
  在<body>或<frameset>每次出现会自动创建
window中的方法:
alert(): 显示一个警告框
confirm():选择确定框
setTimeout(,):超时后执行的代码
setInterval(,):定时执行
location对象
href属性:设置或获取整个url为字符串
reload():重新装入当前页面

DOM

全称Document Object Model,文档对象模型
DOM描绘了一个层次化的树,允许开发人员添加、删除。修改页面的某一部分

document
代表当前页面的整个文档树
 获取节点对象
 document.getElementById("html元素的id");
 document.getElementsByTagName("标签名");
 documents.getElementsByName("html元素的name");
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值