首先 什么是JavaScript?
JavaScript是一门广泛用于浏览器客户端的脚本语言
由Netspace公司设计,当时跟Sun公司合作,所以名字起得像Java
业内一般简称JS
JS的常见用途
HTML DOM操作(节点操作,比如添加/修改/删除节点)
给HTML页面增加动态功能,比如动画
事件处理:比如监听鼠标点击/鼠标滑动/键盘输入
JS常见的书写方式有2种
页内JS:在当前网页的script标签中编写
<script type=“text/javascript”>
</script>
外部JS
<script src=“index.js”></script>
- OC主动调用JS代码,去操纵网页,可以删除里面的元素,还可以给里面的东西绑定点击事件
在WebView的- (void)webViewDidFinishLoad:(UIWebView *)webView方法中执行.
- JS主动OC
JS里面的所有操作,最终通过 window.location.href = 请求路径
才能被OC里面的 - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType方法调用
其实这个时候,JS已经和OC交互
什么是HTML和CSS?
HTML是前端开发语言—H5工程师
HTML俗称网页 它叫做超文本标记语言
HTML 表示内容,能在网页上面按到的东西都是内容。
CSS 层叠样式表 控制HTML标签的样式 决定网页长什么样子。
基础实例:
常见的HTML标签
■ 标题:h1、h2、h3、h4、h5....
■ 段落:p
■ 换行:br
■ 容器:div、span(用来容纳其他标签)
■ 表格:table、tr、td
■ 列表:ul、ol、li
■ 图片:img
■ 表单:input
■ 链接:a
HTML的编写
<ul>
<li>hello world<li>
<ul>
CSS的编写格式是键值对形式的,比如
color:red;
background-color:blue;
font-size:20px;
p 冒号:左边的是属性名,冒号:右边的是属性值
CSS有3种书写形式
行内样式:(内联样式)直接在标签的style属性中书写
<body style=“color: red;”>
页内样式:在本网页的style标签中书写
<style>
body{
color: red;
}
</style>
外部样式:在单独的CSS文件中书写,然后在网页中用link标签引用
<link rel=“stylesheet” href=“index.css”>
用css选择对应的html标签,为之添加样式
根据标签名找到标签
类选择器
.类选择器的格式
p 类名
id选择器
id选择器的格式
#id