美文网首页
JavaScript 基础

JavaScript 基础

作者: 违规昵称不予展示 | 来源:发表于2019-11-21 16:46 被阅读0次

1 如何插入JS

<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。

image.png

2 找到你的位置(JS在页面中的位置)

我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分。
放在<head>部分
最常用的方式是在页面中head部分放置<script>元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。
放在<body>部分
JavaScript代码在网页读取到该语句的时候就会执行。

注意: javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function那么对位置没什么要求的。

3 JavaScript-判断语句(if...else)

if(条件) { 条件成立时执行的代码 } else { 条件不成立时执行的代码 }

4 JavaScript-什么是函数

function 函数名()
{
     函数代码;
}

5 JavaScript-输出内容(document.write)

<script type="text/javascript">
  document.write("I love JavaScript!"); //内容用""括起来,""里的内容直接输出。
</script>

6 JavaScript-确认(confirm 消息对话框)

confirm(str);

7 JavaScript-提问(prompt 消息对话框)

prompt(str1, str2);


1 JavaScript-打开新窗口(window.open)

window.open([URL], [窗口名称], [参数字符串])

2 JavaScript-关闭窗口(window.close)

window.close(); //关闭本窗口


1 通过ID获取元素

document.getElementById(“id”)

image.png

2 innerHTML 属性

Object.innerHTML

image.png

3 改变 HTML 样式

Object.style.property=new style;

image.png

4 显示和隐藏(display属性)

Object.style.display = value

image.png

5 控制类名(className 属性)

object.className = classname

image.png

1-2 JavaScript六种数据类型

image.png

1-3 [JavaScript]隐式转换

image.png
image.png
image.png
image.png
image.png

1-4 [JavaScript]包装对象

image.png

js会自动把基本类型转换为包装对象,用完销毁

1-5 [JavaScript]类型检测

image.png

历史原因 不通iframe之间不可以比较
image.png

相关文章

网友评论

      本文标题:JavaScript 基础

      本文链接:https://www.haomeiwen.com/subject/xeytwctx.html