js在HTML中的三種引用方式

2022-07-20 15:42:11 字數 521 閱讀 4980

1.內聯樣式

內聯樣式分為兩種,一是直接寫入元素的標籤內部

js樣式內聯寫法

單擊事件:

二是寫入到標籤中

給元素新增id

通過getelementbyid('xx');方法定位到該元素,給該元素新增觸發事件

注意:標籤應該放在之後

js樣式內聯寫法

單擊事件:

2.外聯樣式

將js的**寫到.js的檔案中,並在html中引用

.html檔案內容如下:

js樣式外聯寫法

外聯寫法--單擊事件:

.js檔案內容如下:

//js**

//找到xx元素,一般給元素加id

yuansuojb=document.getelementbyid('yuansu');

//給xx元素加事件

yuansuojb.onclick=function()

HTML中的三種定位方式

在一般的前端開發中比較常用的定位有三種 相對定位,絕對定位,固定定位。下面簡要的說明一下他們的使用特點 相對定位position relative 1.它可以在四個方向分別或者同時進行偏移 2.定義時它的參照物是父元素 沒有時為瀏覽器本身 3.偏移後元素的原來位置還是被佔著,並沒有空出來 4.當父元...

CSS在HTML中使用的三種方式

css在html中使用的三種方式 1.外部樣式表 test.css 此處省略css 部分使用 或是 2.內部樣式表的使用 3.行內樣式表中使用 下面說說css樣式的優先順序 一般情況下 內聯樣式 inline style 內部樣式 internal style sheet 外部樣式 external...

在HTML文件中嵌入CSS的三種常用方式

在html中定義css的方式有 emb在html中常用以下3種方式定義css embedding 嵌入式 linking 引用式 inline 內聯式 一 嵌入式 使用html的style元素,在文件中定義css樣式。複製 如下 任何 import規則必須出現在所有規則之前。引數是乙個css檔案的u...