javascript入门基础教学

入门

1:javascript是什么?



JavaScript是作为一个合格的程序员必须要掌握的知识, 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

JavaScript 是脚本语言

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

JavaScript 很容易学习。

2:怎么使用Javascript



在HTML中插入<script></script>来执行Javascript的操作

基础实例:

<script>

var a='我是a';

document.write(a)  会在页面上输出我是a;

alert(a);会在页面上弹出a;

console.log(a);会在控制台输出;

都比较常用的方法

</script>

在事件中的使用

事件

onclick;onmouseup;onmousedown;onmousemove;ontouchstart;ontouchmove;ontouchend;

<script>

<button type="button" onclick="alert('欢迎!')">点我!</button>

在页面上弹出一个欢迎

</script>

onclick 事件只是您即将在本教程中学到的众多事件之一。

3:获取变量



document.getElementById("id")

document.getElementByClassName("classname")

document.queryseletor('''')

document.queryseletorAll('''')

javascript改变css样式

var x=document.getElementById("demo") //找到元素 

x.style.color="#ff0000";

4:for循环遍历语句



for - 循环代码块一定的次数

for(var i=1;  i<100;i++){

console.log(i)

遍历1--100以内的数

}

for/in - 循环遍历对象的属性

var person={fname:"John",lname:"Doe",age:25};

for (x in person)  // x 为属性名{    txt=txt + person[x];}

while - 当指定的条件为 true 时循环指定的代码块

while (i<5){ x=x + "The number is " + i + "<br>";

    i++;}

do/while - 同样当指定的条件为 true 时循环指定的代码块

do{ x=x + "The number is " + i + "<br>";

    i++;}while (i<5);

5:条件判断语句



if(){

执行代码块 1        break;

}else{

    执行代码块 2        break;

}

switch(n){ case 1:

        执行代码块 1        break;

    case 2:

        执行代码块 2        break;

    default:

        与 case 1 和 case 2 不同时执行的代码}

他们都可以用来判断很多的操作;

                                          基础就到这里,喜欢记得点赞哦


                                                                         --------leinei

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 5,296评论 0 7
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,285评论 0 3
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 1,324评论 0 5
  • 100个常用的javascript函数 1、原生JavaScript实现字符串长度截取 复制代码代码如下: fun...
    老头子_d0ec阅读 365评论 0 0
  • 今天六点准时起床,到学校后发现同学们已经站好队形,准备出发,开启九年级的拓展训练。 7:00,我们从学校出...
    赵俊起阅读 282评论 0 10