iOS開發OC 與 JavaScript 交互 ,HTML.CSS基礎知識

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,786評論 1 92
  • CSS基礎 本文包括CSS基礎知識選擇器(重要!!!)繼承、特殊性、層疊、重要性CSS格式化排版單位和值盒模型浮動...
    廖少少閱讀 3,113評論 0 40
  • 第6章 開始學習CSS,為網頁添加樣式 1、認識CSS樣式CSS全稱為“層疊樣式表 (Cascading Styl...
    夏沫xx閱讀 1,069評論 1 11
  • 切一段往事 釀一杯歲月的陳釀 酸甜苦辣咸 各種滋味 任其發酵 … 看遍萬水 路過千山 經年累月 冷暖自知 納百川 ...
    聆聽月光落地閱讀 311評論 0 1
  • 人與人之間的矛盾和傷害,多半都來自誤解。這感覺就像是生活時不時會和我們開的玩笑,讓你的心時而緊張一下,時而放松開懷...
    淳和成長日記閱讀 338評論 0 1