HTML+CSS+Javascript学习笔记（1）

js触发元素点击事件

<a id="alink"href="abc.aspx" style="visibility: hidden;">下一步</a>

$("#alink").click(); // 触发了a标签的点击事件，但是没有触发页面跳转

document.getElementById("alink").click();//既触发了a标签的点击事件，又触发了页面跳转

html标签select中的option有默认选项属性selected="selected"

例如：

<select>

<option value="看书">看书</option>

<option value="旅游">旅游</option>

<option value="运动">运动</option>

<option value="购物"  selected=“selected”>购物</option>

</select>

html中select元素实现下拉多选框，在select标签中添加multiple=“multiple”属性，选的时候Ctrl+单击左键

例如：

<select multiple=“multiple”>

<option value="看书">看书</option>

<option value="旅游">旅游</option>

<option value="运动">运动</option>

<option value="购物"  selected=“selected”>购物</option>

</select>

 

css中样式优先级，

内联式 > 嵌入式 > 外部式，但是嵌入式>外部式有一个前提：嵌入式css样式的位置一定在外部式的后面。如右代码编辑器就是这样，<link href="style.css" ...>代码在<style type="text/css">...</style>代码的前面（实际开发中也是这么写的），如果引入文件语句在内嵌式样式的下面的话，外部式优先级>嵌入式