Javascript-基础

华实coding

已于 2024-08-01 10:29:23 修改

阅读量246

点赞数 8

分类专栏： web开发入门文章标签： javascript 前端开发语言

于 2024-07-31 16:55:59 首次发布

本文链接：https://blog.csdn.net/2301_77417010/article/details/140825206

版权

web开发入门专栏收录该内容

10 篇文章 0 订阅

订阅专栏

网页代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .menus{width:200px;border:1px solid red;}
        .menus .header{background-color:gold;padding:20px 10px;}
    </style>
</head>
<body>
    <div class="menus">
        <div class="header" onclick="myFunc()">大标题</div>
        <div class="item">内容</div>
    </div>
    <script type="text/javascript">
        function myFunc(){
        confirm("是否继续？")
        }
    </script>
</body>
</html>

页面效果

JavaScript实现功能：点击黄色区域，会弹出确认框

JavaScript代码位置

Javascript代码写在script标签内部，标签可以放在head标签内（放在css样式后面），更加推荐放在body标签内的最后位置

JavaScript代码形式

直接写入script标签

    <script type="text/javascript">
        //编写代码
    </script>

导入文件

    <script src="static/my.js">
    </script>

代码注释

html中：<-- 注释内容-->

CSS中：/* 注释内容 */

JavaScript中：/* 注释内容 */ 或者 //注释内容

变量

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <script type="text/javascript">
        var name="ydy"
        console.log(name)
    </script>
</body>
</html>

字符串

var name="ydy";
var name=String("ydy");

var name="中国联通";
var v1=name.length;
var v2=name[0];
var v3=name.trim();
var v4=name.substring(0,2);

数组

var v1=[1,2,3,4];
var v2=Array([1,2,3,4]);

v1[1];
v1[0]="ydy";
v1.push("联通")    //尾部追加
v1.unshift("联通")   //头部追加



v1.pop("联通")    //尾部删除
v1.shift("联通")   //头部删除


//v1.splice(索引,0,元素)
v1.splice(1,0,"中国")

var v2 = ["美国", "英国", "法国"];
v2.splice(1, 1);  // 从索引 1 开始，删除 1 个元素
console.log(v2);  // 输出 ["美国", "法国"]

var v3 = ["美国", "英国", "法国"];
v3.splice(1, 1, "中国");  // 从索引 1 开始，删除 1 个元素，并插入 "中国"
console.log(v3);  // 输出 ["美国", "中国", "法国"]

循环

var v1=[1,2,3,4];

for(val idx in v1){
    //data=v1[idx]
}

for(var i=0;i<v1.length;i++){
    //data=v1[idx]
}

对象

定义

info={
"name":"ydy",
"age":18
}
//或者不加引号
info={
name:"ydy",
age:18
}



info.age
info.name="ydh"

info["age"]
info["name"]="ydh"

for(ver key in info){
//key=name/age data=info[key]
}

条件语句

if (条件){

}
else{

}


if (条件){

}
else if(条件){

}
else if(条件){
}
else{

}

函数

function func(){
//
}

func()

华实coding

关注

8
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录