javascript基础

最新推荐文章于 2022-11-23 17:32:46 发布
最新推荐文章于 2022-11-23 17:32:46 发布
阅读量229 收藏
点赞数
分类专栏： 前端基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34207422/article/details/78664731
版权

一个简单横排选项卡的js程序

<!DOCTYPE html>

<html>

<head>

         <metahttp-equiv="Content-Type" content="text/html;charset=utf-8" />

         <title>tab选项卡</title>

         <styletype="text/css">

             *{padding:0;margin:0;} 

       .tab{width:600px;margin:40px auto;} 

        .item{border:2px solid#000;border-radius:5px 5px 0 0;background:#000;height:40px;} 

        .itemul{list-style:none;} 

        .itemli{width:120px;height:40px;line-height:40px;float:left;color:white;text-align:center;}     

        .itemli:hover{color:#000;background:#999} 

       .content{width:596px;border:2px #000 solid;border-top:0;border-radius:00 5px 5px;box-shadow:5px 5px 8px #666;} 

        .content.summary{display:none;clear:both;} 

        .contentul{list-style:disc;margin-left:40px;} 

         </style>

         <scripttype="text/javascript">

                   functionitemOne() 

        { 

           $("one").style.display = "block";    

           $("two").style.display = "none"; 

           $("three").style.display = "none"; 

           $("four").style.display = "none"; 

        } 

        functionitemTwo() 

        { 

           $("two").style.display = "block"; 

           $("one").style.display = "none"; 

           $("three").style.display = "none"; 

           $("four").style.display = "none"; 

        } 

        functionitemThree() 

        { 

           $("three").style.display = "block"; 

           $("one").style.display = "none"; 

           $("two").style.display = "none"; 

           $("four").style.display = "none";        

        } 

        functionitemFour() 

        { 

           $("four").style.display = "block"; 

           $("one").style.display = "none"; 

           $("three").style.display = "none"; 

           $("two").style.display = "none";          

        } 

        function $(m_id) 

        { 

            returndocument.getElementById(m_id);    

        }     

         </script>

</head>

<body>

         <divclass="tab"> 

             <div id="item"class="item">

                 <ul> 

                     <li onMouseOver="itemOne();">TabOne</li> 

                     <lionMouseOver="itemTwo();">TabTwo</li> 

                     <lionMouseOver="itemThree();">TabThree</li> 

                     <lionMouseOver="itemFour();">TabFour</li> 

                 </ul> 

             </div> 

             <div id="content"class="content"> 

                 <div id="one"class="summary"> 

                     <ul> 

                        <li>Chinese</li> 

                         <li>Math</li> 

                        <li>English</li> 

                        <li>Physical</li>                                 

                     </ul> 

                 </div> 

                 <div id="two"class="summary"> 

                     <ul> 

                         <li>C</li> 

                         <li>HTML-CSS</li>

                        <li>JavaScript</li> 

                         <li>Java</li> 

                    </ul> 

                 </div> 

                 <div id="three"class="summary"> 

                     <ul> 

                        <li>Chrome</li> 

                        <li>FireFox</li> 

                         <li>IE</li> 

                        <li>Safari</li>                            

                     </ul> 

                 </div> 

                 <div id="four"class="summary"> 

                     <ul> 

                        <li>over....</li> 

                     </ul> 

                 </div>         

             </div> 

         </div> 

</body>

</html>

 

 

<script type="text/javascript">

                   document.write(parseInt("10"));

                   document.write("<br/>");

                   document.write(parseInt("011",2));       //3

                   document.write("<br/>");

                   document.write(parseInt("1a",16));       //26

                   document.write("<br/>");

                   document.write(parseInt("1F",16));       //31

                   document.write("<br/>");

                   document.write(parseInt("101",1));       //NaN

                   document.write("<br/>");

                   document.write(parseInt("101",37));      //NaN

                   document.write("<br/>");

                   document.write(parseInt("10",8));      //将字符串10转为8进制整形  8

</script>

 

<scripttype="text/javascript">

 

                   //在这里转化成大写

                   vartxtU = "toDay Is a Good Day";

                   document.write(txtU.toUpperCase()+"<br/>");

                   //在这里转化成小写

                   vartxtL = "yeS Right";

                   document.write(txtL.toLowerCase()+"<br/>");

                   vartxt ="Hello World!";

                   document.write(txt.length+"<br/>");

                   varstr = "Hello World!"

                   document.write(str.replace("World","China"));

         </script>

 

 

<scripttype="text/javascript">

                   vartemp;

                   document.write(temp+"<br/>");      //undefine

                   vartxt = "name";

                   document.write(txt+"<br/>");        //name

                   txt= null;

                   document.write(txt+"<br/>");        //null

         </script>

 

 

 

<scripttype="text/javascript">

         varoTemp;

         document.write(typeofoTemp);        //undefine

         document.write("<br/>");

         vartxt = "txt";

         document.write(typeoftxt);           //string

         document.write("<br/>");

         varnum = 2;

         document.write(typeofnum);         //number

         document.write("<br/>");

         vart = true;

         document.write(typeoft);            //Boolean

         document.write("<br/>");

         varoname = null;

         document.write(typeofoname);         //object    null的类型是object

         document.write("<br/>");

         varfun = function(){return 1};

         document.write(typeoffun);          //function

</script>

Js是从上向下去执行的，所以执行顺序是1,2,3 

 

weisian151
关注
专栏目录
JavaScript基础
06-22
在深入学习JavaScript基础之前，我们需要理解其核心概念、语法结构以及如何在HTML和CSS之间协调工作。 首先，JavaScript的基础包括变量、数据类型和操作符。变量是存储数据的容器，可以用来保存各种类型的值，如...
javascript基础语法总结.pdf
07-02
这个资源是javaScript基础语法的总结，适合学完javascript基础语法的进行巩固、复习！ 这...我是想免费给大家看的,这怎么还收费
JavaScript 二、八、十、十六进制转换
kjfcpua的专栏
09-12 778
JS中的进制转换其实很简单，主要运用两个函数即可完成：   toString 方法 返回对象的字符串表示。 objectname.toString([radix]) 参数 objectname 必选项。要得到字符串表示的对象。 radix 可选项。指定将数字值转换为字符串时的进制。 说明 toString 方法是所有内建的 JScr
javascript百炼成仙 第一章 掌握JavaScript基础01 初入宗门
热门推荐
java小白翻身
10-06 17万+
乐阳村，处于脚本大陆东部的边缘地带，民风淳朴，村名日出而作，日落而息。这一日清晨，所有村民来到村庄的门口，正在为一个十五六岁的少年送别。只见那少年虽然身体瘦弱，可是目中绽放出异彩，身躯虽不壮实，倒也挺拔。 “叶小凡，你是我们全村人的骄傲，百年来唯一一个具备修行JavaScript甲等资质的孩子！马上会有千鹤派的大人来接你，今后你一定要认真修行，给我们全村的人争光！” 他叫叶小凡，几天前通过了修行资质的检验，符合修行JavaScript的资质。 “千鹤派！”叶小凡眼前一亮，语气中伴随着激动，两眼放光。千鹤派，
JavaScript基础大总结
Augenstern_QXL的博客
07-31 13万+
✍初始JavaScirpt JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思） 脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行 现在也可以基于 Node.js 技术进行服务器端编程 ????浏览器执行JS简介 浏览器分成两部分：渲染引擎和 JS 引擎 渲染引擎：用来解析HTML与CSS，俗称内核，比如 chrome 浏览器的 blink ，老版本的 webkit JS 引擎：也称为 JS 解释器。 用来读
JavaScript基础（详细总结）
程序员阿龙的博客
08-18 2万+
JavaScript基础入门详细总结
JavaScript基础语法
m0_67683346的博客
11-02 6032
javascript中的一些基础语法
JavaScript 基础概念
weixin_52682120的博客
04-20 3140
1 JavaScript 概念 1.1 什么是JavaScript（简称“JS”）？ 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。 【脚本语言、基于对象、动态交互、跨平台性】 1.2 语言组成 ①ECMAScript，描述了该语言的语法和基本对象。 ②文档对象模型（DOM），描述处理网页内容的方法和接口。 ③浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。 1. 3 JavaScript的标准是? JavaScript已经被Netscape公司提交给ECMA制定为标准，称之为E
JavaScript基础入门
dangfulin的博客
08-21 5731
一，什么是JavaScript 1，与Java无关！与Java无关！与Java无关！ JavaScript是一种为网站添加互动以及自定义行为的客户端脚本语言， 通常只能通过Web浏览器去完成操作， 而无法像普通意义上的程序那样独立运行。 JavaScript是一种轻量级、解释型的 Web 开发语言，该语言系统不是很庞杂，简单易学。由于所有现代浏览器都己嵌入了JavaScript引擎、JavaScript 源代码可以在浏览器中直接被解释执行，用户不用担心支持问题。 JavaScript的引入，符合”渐进增
javascript百炼成仙 第一章 掌握JavaScript基础 1.2直接量
java小白翻身
10-06 7万+
叶小凡的住处被安排在青山院西北角的一个房间里，虽不宽敞，倒也干净。叶小凡两眼露出振奋的眼神，随便吃了点乡亲们准备的干粮后，就立刻开始打坐修行。编程之修，重在积累，而非资质。资质虽然一样重要，可是后天的努力一样必不可少。这些道理，叶小凡还未上山之前，就已经熟知！因此，即便是资质平凡，只要肯下苦功，一样可以修得正果！叶小凡虽然甲等资质，可依然不骄不躁，开始从“JavaScript基础修炼要诀”第一页开始看起。 修炼要诀第一章，直接量。 编程世界，所谓直接量，就是明面上可以见到的数据值。常见的直接量有数字，小数，
Javascript 基础知识学习
岳来的博客
11-23 7323
javascript 基础学习
在Pycharm中配置集成Git，内附详细文档html+Git-2.46.2-64-bit.exe
09-28
资源来自https://gitforwindows.org/；关于如何将git与pycharm连接，可参考https://zhuanlan.zhihu.com/p/660854965
平面口罩打片机_包括零件图_机械3D图可修改打包下载.rar
09-28
平面口罩打片机_包括零件图_机械3D图可修改打包下载.rar
基于Android平台的Java老年人健康管理应用设计源码
09-28
该应用是一款基于Android平台的Java开发老年人健康管理应用，源代码包含172个文件，其中包括61个Java源文件、56个XML布局文件、40个PNG图像资源、4个Gradle构建脚本、3个Git忽略规则、2个属性文件和少量其他文件类型，旨在为老年人提供便捷的健康管理服务。
技术资料分享FPGA入门系列实验教程V1.0.zip
09-28
技术资料分享FPGA入门系列实验教程V1.0.zip
崔玉涛 婴儿辅食表，用于6到12个月的婴儿
最新发布
09-28
崔玉涛 婴儿辅食表，用于6到12个月的婴儿
基于Vue框架的Digital Twin开发设计源码
09-28
该项目是基于Vue框架的Digital Twin开发设计源码，由38个文件组成，涉及TypeScript、JavaScript、Vue、CSS、HTML等多种编程语言，包括9个TypeScript文件、6个JavaScript文件、5个JSON文件、5个Vue文件、3个SVG文件、2个Markdown文件、2个WebAssembly文件、1个Git忽略文件、1个HTML文件和1个CSS文件。该源码旨在提供大学生在线学术交流的平台，助力学术创新与协作。
JavaScript基础入门教程
"这是一份JavaScript基础教程，适合初学者，提供初级知识，不涉及动态网页相关高级技术，如动态定位、动画等。教程结构设计为参考教程风格，分为5章，涵盖基础知识和进阶对象知识，以及框架和Cookie的使用。教程要求...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值