学习笔记-Javascript-初识

最新推荐文章于 2024-05-31 10:06:32 发布

Chaco前端

最新推荐文章于 2024-05-31 10:06:32 发布

阅读量161

点赞数

分类专栏：学习笔记文章标签： js初识

本文链接：https://blog.csdn.net/Wadanohara/article/details/98842308

版权

学习笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Javascript-初始

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。 [1]为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。（来自：百度百科）

Dom 文档对象
Bom 浏览器对象

三种引入方式

 1. 行内 <div onclick=’alert(“行内”)’></div> 
 2. 内部 <script>alert(‘内部’)</script> 
 3. 外部 <script src=’外部文件来源’></script>

变量的命名规则:

不能使用关键字和保留字
必须以英文字母,_,$开头
选用驼峰命名 userName
建议语义化命名
鼠标事件：

点击事件：onclick
双击事件：ondblclick
鼠标进入：onmouseenter
鼠标离开：onmouseleave
鼠标移入：onmouseover
鼠标移出：onmouseout
鼠标移动：onmousemove
鼠标按下：onmousedown
鼠标抬起：onmouseup
鼠标右击：oncontextmenu
鼠标双击：onbdlclick

JS操作元素属性

  <body>
        <input type="password" id="pass" value="">
        <input type="text" id="text" value="">
        <input type="button" id="btn">
        <script>
            btn.onclick = function () {
                text.value= pass.value;
            }
        </script>

将一个框的值放在另一个框里
简陋留言板

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .text{
            margin: 10px auto;
            width: 0;
            min-height: 20px;
            border: #fbbc05 2px solid;
            overflow: hidden;
        }
    </style>
</head>
<body>
    <div  id="box" ></div>
    <input type="text" id="con">
    <input type="button" id="btn" >
    <script>
        var box = document.getElementById('box');
        var btn = document.getElementById('btn');
         btn.onclick = function () {
            var con = document.getElementById('con');
            var cValue = con.value;
            box.innerHTML += '<div class="text"><p>'+cValue+'</p></div>';
            con.value = '';
        }
    </script>
</body>
</html>

个人博客

Chaco前端

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学习笔记-Javascript-初识

Javascript-初始JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而...
复制链接

扫一扫