最最最基础js

最新推荐文章于 2023-10-24 22:05:07 发布
最新推荐文章于 2023-10-24 22:05:07 发布
阅读量302 收藏
点赞数
分类专栏： 基础知识 文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangzai521/article/details/78399415
版权

Js笔记

if：如果

else：否则

switch：执行、转换

case：案例  kei死

break：打破 （相当于一个开关）bu rui ke

default：默认 滴 fou te

例：vara=20;

      switch(a)表达式{

           case1:

           document.write("1");

           break;

           case20:

           document.write("2");

           break;

           default:

           document.write("3");

      }

elert（”文本”）：警告框

confirm(“文本”)：确认框  看佛木

prompt（”文本”）：提示框 pu ruang mo te

 

事件

Hide：隐藏

Ready：在文档加载后激活

鼠标事件

Click：单机事件

dblclick：双击事件

mouseenter：当用户将鼠标指针移动到对象内时触发；谋私恩特

mouseleave：当用户将鼠标指针移除对象时触发；谋私里屋

例：<scripttype="text/javascript" src="jquery.js"></script>

 

<scripttype="text/javascript">

       $(document).ready(

              function(){

              $("button").mouseleave（可以替换）(

              function(){

              $("p").hide();

              });});

 

</script>

</head>

 

<body>

<h2>标题</h2>

<p>你好</p>

<p>啊</p>

<buttontype="button">click me</button>

 

键盘事件

keypress：当用户按下键盘键松开时产生的事件

keydown：当按下按键时触发的事件

keyup：当按下按键时释放时触发的事件

<scripttype="text/javascript">

 

例：<scripttype="text/javascript" src="jquery.js"（套用js外样式）></script>

<scripttype="text/javascript">

$(document).ready(function(){

       $("input").keydown(function(){

              $("input").css("background-color","#f00");

              });

              $("input").keyup(function(){

                     $("input").css("background-color","#00f");

                     });

       });

</script>

<body>

enter you name:<inputtype="text" />

<p>keydown 键盘按下去颜色就会发生改变   keyup  键盘松开就会变为原来的颜色</p>

</body>

 

鼠标单击事件：

<scripttype="text/javascript"src="win/jquery.js"></script>

<script>

 $(document).ready(function(){

        $("#yc").hide();

               $("#xs")

               .click(function(){

                      $("#yc").show();

                      });

               

               $("#yc").click(function(){

                      $("#xs").hide();

                      

                      

                      

                     $("#yc").click《可换成键盘事件如：keyup》(function(){

                      $("#xs").show();《鼠标单击事件》

                      

                      

                      });  

                      

               

                      });

        });

 

 

 

 

</script>

</head>

 

<body>

<button id="yc">隐藏</button>

<button id="xs">显示</button>

</body>

舊人€
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS基础(一)
bujiongdan的博客
08-08 1196
浏览器分两部分，一部分是shell（外壳），另一部分是内核。 IE              ----------------               trident Chrome    ----------------               blink firefox      -----------------              Gecko Opera       -...
js基础知识
04-09
自己学习js做的笔记，懒得写博客了 JS功能 JS实现方式 JS语法 JS数据类型 JS运算符 JS窗口对象 JS文本对象 JS事件处理机制
JavaScript最最最最基础篇——（上）
文情
09-15 272
JavaScript概述： JavaScript是web页面中的一种脚本编程语言，也是一种通用、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。它不需要进行编译，而是直接嵌入HTML页面中，把静态页面转变成支持用户交互并响应相关事件的动态页面。 1.JavaScript的主要特点： 解释性 基于对象 事件驱动 跨平台 安全性 2.JavaScript的应用 1.验证用户输入的内容 2.动画效果 3.窗口的应用 4.文字特效 3.JavaScript在HTML中的应用 在通常情况下，在web页面中使用
js基础
weixin_39407457的博客
11-15 208
ECMAScript 有 5 种原始类型（primitive type），即 Undefined、Null、Boolean、Number 和 String。对变量或值调用 typeof 运算符将返回下列值之一： undefined - 如果变量是 Undefined 类型的 boolean - 如果变量是 Boolean 类型的 number - 如果变量是 Number 类型的 string -
JS基础教程
qq_32907491的博客
07-15 1118
运算符也叫操作符，通过运算符可以对一个或多个值进行运算例如：typeof就是运算符，可以来获得一个值的类型。typeof a；可以帮助我们获得a的类型 它会将该值的类型以字符串的形式返回。
JS基础（一）
z-ying-jian的博客
01-19 477
JS基础知识JS的组成部分获取元素的方式通过ID获取 document.getElementById(&amp;quot;id名&amp;quot;)通过name属性获取 document.getElementsByName(&amp;quot;name&amp;quot;)通过标签名（getElementsByTagName）通过类名（getElementsByClassName）获取html的方法（document.documentElement）获取body的方...
Js基础（一）
不凡乃大的博客
04-26 705
JS基础（一） 1、script标签的三种写法： <script></script> <script type = "text/javascript"></script> <script language = "javascript"></script> 2、script标签可以放置在任意位置，但是要注意加载顺序，一般...
最最最基础的JavaScript(一)
StevenTang957的博客
02-25 224
写在最前面JavaScript 是属于网络的脚本语言！JavaScript被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。JS语言的特点解释性语言(不需要编译成文件)跨平台单线程ECMA标注-为了取得技术优势微软退出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为...
JS初级基础
smileboyjian的博客
05-20 4147
JavaScript基础 一、 js代码的应用 1.     使用标签将js代码应用到HTML文档中 1)    作用：将JS代码应用到HTML文档中，该标签的位置是任意，通常放在被修饰内容下面或者head标签中 2)    属性及属性值：type=”text/javascript”，该属性的作用是告诉浏览器下面是一段js代码，浏览器需要按照js语法的规则进行解析 2.     将JS代
JS基础2-object
ls_ange的博客
10-08 205
js基础-object js中的所有事物都是对象：字符串、数值、数值、函数... js提供多个内置对象，比如String，Date，Array等。 对象只是带有属性和方法的特殊数据类型。属性是与对象相关的值，方法是能够在对象上执行的动作。 创建对象 var user={}; user.name='tom'; user.age=12; json对象(js对象简谱)：轻量级数据...
JS基础：1.3 引用JS文件
01-05 136
引用JS文件
JS入门必备基础知识（适合新人学习）
qq_57162921的博客
09-21 2221
js基础学习
JS入门到精通完整版
qq_46362763的博客
08-08 1万+
JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。它是作为开发Web页面的脚本语言而出名，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。.....................
javascript基础入门教程,javascript零基础入门
最新发布
阿发狗伪原创
10-24 803
一门客户端脚本语言，运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎，不需要编译，直接就可以被浏览器解析执行了python for语句用法。//局部变量 用let定义let 变量名 = 值;//全局变量 用var定义var 变量名 = 值;//常量定义 constconst 常量名 = 值;//整数类型var a=3;// Boolean类型var b=true;// 定义小数类型 小数和整数类型统称为number类型。
JS入门必备基础知识（适合小白）
a_l_f_的博客
07-17 1万+
JS入门必备基础知识（适合小白）一、JS是什么？1、JS简介2、JS的组成部分3、JS的基本特点4、JS的特性5、JS与HTML、CSS的对比二、JS的用法1、JS的引入方法1）head中的 JavaScript 函数2）body中的 JavaScript 函数3）外部的 JavaScript2、JS的基本语法3、JS中的变量1）变量名2）变量值3）全局变量与局部变量4、数据类型1）基本数据类型2）引用数据类型3） JS的数据类型转换4）typeof 操作符5、JS代码在执行时分两个阶段1）预编译2）代码执
js基础知识总结（一）
xuehu837769474的博客
08-18 2万+
js的组成 ECMAScript（ES） : 负责翻译，为js的核心，解释器。 DOM(Document Object Model 文档对象模型)：赋予js操作HTML的能力，document。 BOM(Browser Object Modal 浏览器对象模型)：赋予js操作浏览器的能力，window，不兼容不建议使用。 变量类型 ...
javaScript学习笔记（一）js基础
热门推荐
一叶知秋
09-21 13万+
================================= 公众号 关注一波 （一叶知秋博客） 不定期分享视频资料 一、简介 1、概述： JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。 诞生于1995年，当时的主要目的是验证表单的数据是否合法。 Java...
JS入门基本教程（适合没编程基础新手）
hewei0241的专栏
11-12 3万+
将JavaScript 插入网页的方法 使用标签在网页中插入Javascript代码。 插入JavaScript 与在网页中插入CSS的方式相似。使用下面的代码可以在网页中插入JavaScript：     ... 其中的...就是代码的内容。JavaScript的插入位置不同，效果也会有所不同，还可以像CSS一样，将JavaScript保存成一个外部文件，这些
我想从最基础的js学习
04-01
如果你想从最基础的 JavaScript 学习，建议你从以下几个方面开始： 1. 变量和数据类型：学习如何声明变量、变量的数据类型、如何赋值、如何转换数据类型等基础知识。 2. 操作符和表达式：学习不同的操作符和表达式，如算术操作符、比较操作符、逻辑操作符等。 3. 控制结构：学习如何使用条件语句（if-else）、循环语句（for、while）、switch-case语句等控制结构。 4. 函数：学习如何声明函数、如何传递参数、如何返回值、函数作用域等。 5. 对象和数组：学习如何创建对象和数组、如何访问和修改对象和数组的属性和元素、如何遍历对象和数组等。 6. DOM 操作：学习如何使用 JavaScript 操作 DOM 元素，如获取元素、修改元素内容、添加和删除元素等。 7. 事件处理：学习如何处理 DOM 元素的事件，如点击事件、鼠标移动事件等。 以上是基础的学习内容，你可以选择一些入门级的 JavaScript 教程进行学习，例如：W3Schools、MDN 等。同时，还可以通过阅读相关书籍、练习一些小项目等方式来提高编程能力。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值