首先 什么是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