码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript入门教程 基础

时间:2018-02-25 01:15:33      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:width   body   alt   外部文件   efault   随笔   div   style   文件   

B站av9243452的一系列视频,适合学过其他编程语言的人观看,还挺不错的

共43节,该随笔为1~16节

 

Js介绍

 技术分享图片

如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件

<script src="js/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>

 操作HTML元素,如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法

        <h1 id=‘title‘>123</h1>
        <script>
            document.getElementById(‘title‘).innerHTML=‘Yinghualuowu‘
        </script>

Js语法

技术分享图片

技术分享图片

变量

技术分享图片

JavaScript 数组也可以用new Array()

运算符

技术分享图片

都认识,只说一个‘===’为全等(值和类型),另外+号也用于字符串拼接

            var i=10;
            var j=10;
            document.write(i===j);
            document.write(‘<br>‘)
            var n=10;
            var m=‘10‘;
            document.write(n===m);
            document.write(‘<br>‘);
            var x=4,y=‘10‘;
            document.write(x===y);
            document.write(‘<br>‘);
true
false
false

条件语句

if...else 和  switch

            var i;
            switch(i){
                case 1:
                    break;
                default:
                    break;
            }

循环语句

技术分享图片

都认识,这里只说一个 for/in 循环遍历对象的属性

            var arr=[‘a‘,‘b‘,‘c‘];
            for(i in arr){
                document.write(arr[i]+‘<br>‘);
            }
a
b
c

跳转语句

continue和break

函数

技术分享图片

技术分享图片

剩下的知识点和其他编程语言相同

Javascript入门教程 基础

标签:width   body   alt   外部文件   efault   随笔   div   style   文件   

原文地址:https://www.cnblogs.com/yinghualuowu/p/8468085.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!