美文网首页
iOS开发OC 与 JavaScript 交互 ,HTML.C

iOS开发OC 与 JavaScript 交互 ,HTML.C

作者: WarmLikeYou | 来源:发表于2016-11-26 15:17 被阅读109次

首先 什么是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标签,为之添加样式

根据标签名找到标签

C7E233F8-1C72-4CA8-BFF2-873A1F547DFD.png

类选择器

A68B5515-226F-434C-A60A-8B693EB215AC.png

.类选择器的格式
p 类名

id选择器

3FB1E92A-5271-4EA4-8615-ED5E1E59DA30.png

id选择器的格式
#id

相关文章

网友评论

      本文标题: iOS开发OC 与 JavaScript 交互 ,HTML.C

      本文链接:https://www.haomeiwen.com/subject/sfhgpttx.html