5.28总结

最新推荐文章于 2024-08-30 20:29:15 发布

学会沉淀。

最新推荐文章于 2024-08-30 20:29:15 发布

阅读量272

点赞数 2

分类专栏： web 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/xxx_jsu/article/details/139277817

版权

web 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

HTML

三剑客：

JS CSS HTML

入门实例

新建一个test.html文件，内容如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js-引入方式</title>
    <!-- 内部脚本
    <script>
        alert("hello js");
    </script> -->

    <!-- 外部脚本 -->
    <script src="demo.js"></script>
</head>
<body>
    
</body>

<script>
    window.alert("123")//标题
    document.write("123")//内容
    console.log("123")//控制台
</script>
</html>

其中：

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8（由于在大部分浏览器中直接输出中文会出现乱码，所以要在头部将字符声明为UTF-8）
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落

基础语法

定义变量：

var 变量名（不用区分变量类型）

特点：作用域较大，为全局变量,可以重复定义

let 变量名（不用区分变量类型）

特点：局部变量，不能重复定义

数组：

var arr=[1,2,3,4,5]
    arr[10]="A";

循环的使用：

//for
for (let i = 0; i < arr.length; i++) {
        console.log(arr[i]);
    }
//foreach
    arr.forEach(function(e) {//只遍历有值的个数
        console.log(e);
    });
    arr.forEach((e)=>{//与上方遍历结果相同,箭头是为了简化函数定义
        console.log(e);
    }) */

添加或删除元素

    //push:添加元素到数组末尾
    /* arr.push(7,8,9);
    console.log(arr); */

    //splice:删除元素
    /* arr.splice(2,2);
    console.log(arr); */

基础函数

//创建字符串对象
    //var str=new String("hello string");
   /*  var str="hello string ";
    console.log(str);

    //length
    console.log(str.length);

    //charAt
    console.log(str.charAt(3));

    //indexOf
    console.log(str.indexOf("lo"));

    //trim
    console.log(str.trim());

    //substring
    console.log(str.substring(0,5)); */

    //自定义对象
    /* var user={
        name:"Tom",
        age:10,
        gender:"male",
        eat(){
            alert("用膳");
        }
    }

    alert(user.name);
    user.eat(); */

    //定义json
    /* var jsonstr='{"name":"Tom","age":18,"addr":["北京","上海", "西安"]}';
    alert(jsonstr.name);

    //json字符串--js对象
    var obj=JSON.parse(jsonstr);
    alert(obj.name);

    //js对象--json字符串
    alert(JSON.stringify(obj)) */

    //alert("hello bom");

     //方法
     //confirm-对话框
     //var flag=confirm("您确认删除该记录吗");
     //alert(flag);

     //定时器
     /* var i=0;
     setInterval(function(){
        i++;
        console.log("i");
     }) */

     //定时器
     /* setTimeout(function(){
        alert("js")
     }) */

     //location
     /* alert(location.herf);
     location.herf="https://www.com.cn"; */

学会沉淀。

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
5.28总结

三剑客：JS CSS HTML新建一个test.html文件，内容如下其中：<!DOCTYPE html> 声明为 HTML5 文档<html> 元素是 HTML 页面的根元素<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8（由于在大部分浏览器中直接输出中文会出现乱码，所以要在头部将字符声明为UTF-8）<title> 元素描述了文档的标题<body> 元素包含了可见的页面内容<h1> 元素定义一个大标题<p
复制链接

扫一扫

专栏目录