前端之JavaScript入门篇

提示:这里是重中之重!

文章目录

  • 前言
  • 一、学习JavaScript的准备
    • 1.JavaScript的好处
      • 1.1、JavaScript的普适性
      • 1.2、JavaScript的易学性
    • 2.如何插入JS
    • 3.引用JS外部文件
    • 4、JS在页面中的位置
      • 4.1、放在`` 部分:
      • 4.2、放在``部分:
    • 5、JavaScript-认识语句和符号
    • 6.JavaScript-注释
      • 6.1、单行注释,在注释内容前加符号 “`//`”
      • 6.2、多行注释以"`/*`"开始,以"`*/`"结束
    • 7、JavaScript-变量
    • 8、JavaScript-判断语句
    • 9、JavaScript-函数
  • 二、常用互动方法
    • 1、JavaScript-输出内容
      • 1.1、第一种:输出内容用`""`括起,直接输出`""`号内的内容
      • 1.2、第二种:通过变量,输出内容
      • 1.3、第三种:输出多项内容,内容之间用`+`号连接。
      • 1.4、第四种:输出HTML标签,并起作用,标签使用`""`括起来。
    • 2、JavaScript-警告
    • 3、JavaScript-确认
    • 4、JavaScript-提问
    • 5、JavaScript-打开新窗口
    • 6、JavaScript-关闭窗口
  • 三、DOM操作
    • 1、认识DOM
    • 2、通过ID获取元素
    • 3、innerHTML属性
    • 4、改变HTML样式
    • 5、显示和隐藏
    • 6、控制类名
  • 总结


前言

提示:这里我们先讲讲JavaScript是什么:

JavaScript是一门解释型语言,也是动态语言。所谓解释型值语言是指不需要被编译为机器码在执行,而是直接执行。由于少了编译这一步骤,所以解释型语言开发起来尤为轻松,但是解释型语言运行较慢也是它的劣势。不过解释型语言中使用了JIT技术,使得运行速度得以改善。而所谓的动态语言可以暂时理解为在语言中的一切内容都是不确定的。比如一个变量,这一时刻是个整型,下一时刻可能会变成字符串了。当然这个问题我们以后再谈。不过在补充一句动态语言相比静态语言性能上要差一些,不过由于JavaScript中应用的JIT技术,所以JavaScript可能是运行速度最快的动态语言了。

JavaScript的语法结构与C和Java很像,像for、if、while等语句和Java的基本上是一模一样的。所以有过C和Java基础的同学学习起来会轻松很多。不过JavaScript和与Java的关系也仅仅是看起来像而已。

其次,JavaScript是严格区分大小写的,也就是abc和Abc会被解析器认为是两个不同的东西。

那么我们从哪里开始学习JavaScript呢?我们要先从处理网页开始,所以我们入门先学基础语法和DOM操作。


提示:以下是本篇文章正文内容,下面案例可供参考

一、学习JavaScript的准备

1.JavaScript的好处

1.1、JavaScript的普适性

  1. 所有主流浏览器都支持JavaScript。

  2. 目前,全世界大部分网页都使用JavaScript。

  3. 它可以让网页呈现各种动态效果。

  4. 做为一个Web开发师,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。

1.2、JavaScript的易学性

  1. 学习环境无外不在,只要有文本编辑器,就能编写JavaScript程序。

  2. 我们可以用简单命令,完成一些基本操作。

2.如何插入JS

我们只需要一步操作,使用之间。

<script type="text/javascript">
   ……………………
   javascript代码写在这里
   ……………………
</script>

上面代码里面的之间的是文本类型(text),JavaScript是为了告诉浏览器里面的文本属于JavaScript语言。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb18030">
        <title>插入js代码</title>
    <script type="text/javascript">   
        document.write("JS学习启航!");
    </script> 
    </head>
    <body>
    </body>
</html>

3.引用JS外部文件

我们知道使用代码,就可以将JS文件嵌入HTML文件中。

index.hml:

<html>
     <head>
     <script src="script.js">script>
     head>
     <body>
     body>
html>

script.js:

alert("JS");

注意:在JS文件中,不需要

你可能感兴趣的:(javascript,前端,学习)