前端JavaScript学习
JavaScript导入方式:
1、外部文件导入
<script src="myScript.js"></script>
2、在标签内插入
<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。
JavaScript输出数据:
1、使用 window.alert() 弹出警告框。
2、使用 document.write() 方法将内容写到 HTML 文档中。
3、使用 innerHTML 写入到 HTML 元素。
4、使用 console.log() 写入到浏览器的控制台。
语句标识:
catch 在try出错时执行catch语句块
switch 用于基于不同的条件来执行不同的动作
throw 抛出(生成)错误
var 声明一个变量
文本字符串中使用反斜杠对代码行进行换行
注释:
单行注释://开头
多行注释:/*开始,以*/结尾
比较符:
=== 绝对等于
!== 不绝对等于
typeof 查看类型 eg: typeof 4 ==> number
constructor 属性返回所有 JavaScript 变量的构造函数
throw exception 抛出异常
toUpperCase() 字符串转换为大写
toLowerCase() 字符串转换为小写
window location
location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口 (80 或 443)
location.protocol 返回所使用的 web 协议(http:// 或 https://)
jQuery
1、文档加载结束后执行代码
$(document).ready(function(){
// 开始写 jQuery 代码...
});
2、 click() 方法是当按钮点击事件被触发时会调用一个函数
dblclick() 方法触发 dblclick 事件,或规定当发生 dblclick 事件时运行的函数
mouseenter() 当鼠标指针穿过元素时,会发生 mouseenter 事件
mouseleave() 当鼠标指针离开元素时,会发生 mouseleave 事件
mousedown() 当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件
mouseup() 方法触发 mouseup 事件,或规定当发生 mouseup 事件时运行的函数
hover() hover()方法用于模拟光标悬停事件
focus() 当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点
blur() 当元素失去焦点时,发生 blur 事件
3、隐藏、显示
hide() 隐藏
show() 显示
可以添加speed值---hide(1000)
4、淡入、淡出
fadeIn() 用于淡入已隐藏的元素
fadeOut() 方法用于淡出可见元素
fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换
fadeTo() 方法允许渐变为给定的不透明度
slideDown() 方法用于向下滑动元素
slideUp() 方法用于向上滑动元素
slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换
5、滑动
slideDown() 方法用于向下滑动元素
slideUp() 方法用于向上滑动元素
6、动画
animate() 方法用于创建自定义动画
stop() 停止动画
7、获取内容和属性
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
8、添加元素
append() 方法在被选元素的结尾插入内容(仍然该元素的内部)
prepend() 方法在被选元素的开头插入内容
after() 方法在被选元素之后插入内容
before() 方法在被选元素之前插入内容
9、删除元素
remove() 方法删除被选元素及其子元素
empty() 方法删除被选元素的子元素
10、parent() parent() 方法返回被选元素的直接父元素
load() 方法从服务器加载数据,并把返回的数据放入被选元素中。