当前位置: 首页 > wzjs >正文

公立幼儿园网站建设方案手机网站模板

公立幼儿园网站建设方案,手机网站模板,宁波高新区做网站的公司,陕西省环保厅建设备案网站文章目录 目录 文章目录 本章目标 一.JavaScript基础 概述 特点 JavaScript 基本机构 语法 网页中引用JavaScript的方式 二. JavaScript核心语法 变量 ​编辑 数据类型 数组 练习 本章目标 掌握JavaScript的组成掌握JavaScript的基本语法会定义和使用函数会使用工具进行…

文章目录

  • 目录

    文章目录

    本章目标

    一.JavaScript基础

    概述

    特点

    JavaScript 基本机构

    语法 

     网页中引用JavaScript的方式

    二. JavaScript核心语法

     变量

    ​编辑

     数据类型

    数组 

    练习


本章目标

  • 掌握JavaScript的组成
  • 掌握JavaScript的基本语法
  • 会定义和使用函数
  • 会使用工具进行代码调试


一.JavaScript基础

概述

JavaScript是一种基于对象和事件驱动的脚本语言,用于在网页上实现交互和动态效果。它是一种客户端脚本语言,意味着它运行在用户的计算机上,而不是在服务器上。JavaScript可以与HTML和CSS配合使用,使网页更加动态和丰富。

特点

  • 向HTML页面中添加交互行为
  • 脚本语言,语法和JAVA类似
  • 解释性语言,边执行边解释

JavaScript 基本机构

语法 

 调用对象

语法:

对象.方法名();

案例 

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script type="text/javascript">//对象.方法名();JavaScript调用方法的语法document.write("<h1>哈哈哈</h1>")document.write("这是JS基础!");</script></head><body></body>
</html>

 document.write("这是JS基础!");代表:调用对象(当前文件),执行方法(写入)"这是JS基础!"语句,因此上述代码等价于在当前html文件写<body>中写入语句。

执行方法同样会执行标签,效果如下图。

 网页中引用JavaScript的方式

二. JavaScript核心语法

 变量

JavaScript中的变量可以存储不同类型的值,包括数字、字符串、布尔值、对象等。变量的值可以根据需要随时更改。

当我们用到某个数据时,可以将该数据存入变量中再引用该变量,无需重复写入该数据。

 案例

<script type="text/javascript">//申明一个变量(名字自定义)var username = "JS基础";document.write("哈哈哈:" +username+"<br/>");//<br/>换行符//变量的重新赋值var username = "JavaScript基础";var index1 = "哈哈哈";document.write(index1+":"+username);
</Script>

 数据类型

typeof运算符

 案例:

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script type="text/javascript">document.write("<h2>对变量或值调用typeof运算符返回值:</h2>");var width,height = 10,name = "rose";var date = new Date(); //创建了一个Date类型的对象 并将对象在内存中的引用地址 赋给了变量datevar flag = (11>22);var x = null;document.write("变量width的数据类型是===>"+typeof(width)+"<br/>");document.write("变量height的数据类型是===>"+typeof(height)+"<br/>");document.write("变量name的数据类型是===>"+typeof(name)+"<br/>");document.write("变量date的数据类型是===>"+typeof(date)+"<br/>");document.write("变量flag的数据类型是===>"+typeof(flag)+"<br/>");document.write("变量x的数据类型是===>"+typeof(x)+"<br/>");			</script></head><body></body>
</html>

 String数据类型

 在JavaScript中,string(字符串)类型用于存储和操作文本数据。

案例1:

string.length:返回对应字符串的长度。

<script type="text/javascript">var message ="白日依山尽,黄河入海流,欲穷千里目,更上一层楼";x = message.length; //length属性返回的是字符串的长度document.write("x的值是:"+x);
</script>

案例2:

string.charAt(index):返回指定位置的字符       注:计算机从0开始计数

<script type="text/javascript">var message ="白日依山尽,黄河入海流,欲穷千里目,更上一层楼";var y = message.charAt(3);document.write("y的值是==>"+x);
</script>

案例3

indexOf(str, index):查找指定的字符串在字符中首次出现的位置。

<script type="text/javascript">var message ="白日依山尽,黄河入海流,欲穷千里目,更上一层楼";var z = message.indexOf("河");//返回指定字符串在目标第一次出现的位置document.write("z第一次出现的位置:"+z);
</script>

案例4

substring(index1, index2):f返回区间 [index1,index2) 之间的字符

<script type="text/javascript">var message ="白日依山尽,黄河入海流,欲穷千里目,更上一层楼";var submessage = message.substring(0, 3);document.write("submessage的值是:"+submessage+"<br/>");var submessage = message.substring(3);document.write("submessage的值是:"+submessage);
</script>

boolean数据类型

<script type="text/javascript">var flag=(10>100)document.write("flag是:"+flag+"<br/>")
</Script>

数组 

案例

<script type="text/javascript">//var 数组名称 = new Array(长度)var ilist = new Array(8);//数组的创建ilist[0] = 15; //数组的赋值ilist[1] = 20;//数组的遍历document.write("ilist[0]的值是:"+ilist[0]+"<br/>");document.write("ilist[1]的值是:"+ilist[1]+"<br/>");document.write("剩余未赋值的数组的数据类型是:"+typeof(ilist[2])+"<br/>");var fruit = new Array("apple", "orange", "peach", "banana");document.write(fruit[1]);
</script>


练习

http://www.dtcms.com/wzjs/517740.html

相关文章:

  • 怎么做qq网站百度在线识图
  • 学做网站要学什么 做多久友情链接多久有效果
  • 烟台汽车网站建设合肥网站建设程序
  • 湛江企业建站系统网络推广软文
  • 网站上的漂浮怎么做软文客
  • 网页制作作业网站怎么去推广一个产品
  • 家谱网站的首页怎么做免费seo培训
  • 个人建网站做站长自媒体是什么
  • 网站有权重可以对title做更改最近的新闻事件
  • 陕西营销型网站建设百度页面推广
  • 营销型网站建设调查表中国国家培训网靠谱吗
  • 国内设计师个人网站欣赏百度seo怎么做网站内容优化
  • 新网站收录多少关键词百度知道网页版入口
  • app开发网站排行企业推广托管
  • 一 网站建设管理基本情况爱站网关键词挖掘工具站长工具
  • 大庆做网站杭州百度快照优化排名推广
  • 领动云建站百度云资源搜索平台
  • 新建网站如何推广seo去哪里学
  • 做单位网站的公司百度网盘资源搜索引擎搜索
  • 北京做网站电话的公司东莞做网站哪个公司好
  • 灰色词网站seo登封搜索引擎优化
  • 网站建设方案策划书ppt模板2022百度指数排名
  • 保定电子商务网站建设长春百度推广电话
  • 重大新闻事件2023搜索引擎优化营销
  • 崇明建设镇政府网站对网站和网页的认识
  • 网站模板演示seo刷排名工具
  • 怎样做网站的后台中国疫情最新数据
  • 局域网网站建设工具优化设计官网
  • 企业怎么在网站上做宣传做游戏推广怎么找客户
  • 什么网站做顶置便宜seo关键词找29火星软件