js基础实例代码详细

已于 2024-03-08 14:30:31 修改
阅读量1.3k 收藏
点赞数
文章标签： javascript udp 开发语言
于 2012-12-22 18:17:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dannor2010/article/details/8373767
版权
这篇博客详细介绍了JavaScript的基础实例，包括如何在HTML中嵌入JS，使用document.write、事件处理如onload，定义外部脚本，以及各种JavaScript语句如if、for、while等。还涉及变量声明、函数定义与调用、错误处理方法如try...catch，并展示了如何检测浏览器信息。
摘要由CSDN通过智能技术生成

点击访问我的网站，查看效果  上海驾校

js:嵌入在html中，处理数据，其实和as差不多，个人理解是html展示界面，js处理数据


 
嵌入在html中使用script document.write 用于像页面输出语句
<html>
<head>
<body>
<script type="text/javascript">
document.write("hello world");
</script>
</body>
</head>
</html>


生成普通文件和标签
<html>
<script type="text/javascript">
document.write("<h>hello world</h>");
</script>
<body>
</body>
</html>


也可嵌入在head中
onload 事件会在页面或图像加载完成后立即发生。
<html>
<head>
<script type="text/javascript">
function message(){
alert("该提示框通过onload事件调用的")
}
</script>
<body οnlοad="message()">
</body>
</head>
</html>


定义外部脚本 src= "根目录文件"
<html>
<head>
</head>
<body>
<script src="/ceshi.js">
</script>
<p>
实际是外部的jacascript文件 ceshi.js
</p>
</body>
</html>


完整的javascript语句
<html>
<body>
<script type="text/javascript">
document.write("<h1>hello world</h1>");
document.write("<p>hello world</p>");
</script>
</body>
</html>


javascript 代码块
<script type="text/javascript">
{
document.write("<h1>hello world</h1>");
document.write("<p>hello world</p>");
}
</script>


javascript 代码注释
<html>
<body>
<script type="text/javascript">
//这行是注释
document.write("<h1>hello world</h1>");
/*这行是多行注释
jjjj看看*/
document.write("<p>hello world</p>");
</script>
</body>
</html>


声明一个变量，为其赋值，显示.<br />换行.定义是用var
<html>
<body>
<script type="text/javascript">
var firstName;
firstName = "George";
document.write(firstName);
document.write("<br />");
firstName = "John";
document.write(firstName);
</script>
<p>上面的脚本声明了一个变量，为其赋值，显示该值，改变该值，然后再显示该值。</p>
</body>
</html>


使用if 语句
<html>
<body>
<script type="text/javascript">

最低0.47元/天 解锁文章
迷路的代码老白
关注
JS具体实例（一）
nabirt的博客
02-08 3047
JavaScript的一些实例记录
JavaScript代码示例
qq_46156328的博客
08-04 1006
01_hello.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> //alert是JavaScript语言提供的一个警告框函数 //它可以接受任意类型的参数，这个参数就是警告框的提示信息
常用JS代码实例
过客阵营 -- 简单的就要最简单
01-15 122
1. 键盘方向键监听事件和禁止复制操作 &lt;head&gt; &lt;script language=javascript&gt; document.onkeydown=nextpage var prevpage="http://www.xiaoshuo.com/jsp/readchapter.jsp?id=0011020986&amp;chapter=18912&amp;pageid=1" ...
javaScript基础（8个案例+代码+效果图）
最新发布
2301_76862031的博客
10-06 1669
js入门基础知识，变量，命名规则，if,if-else ,switch , for , while ,嵌套循环for ,嵌套while 案例:输出1-100； 计算圆的周长和面积，判断成绩，输出三角形等,交换两个变量
js案例
weixin_34109408的博客
12-09 122
1、开关灯效果： varoBody=document.getElementById("bodyEle"); oBody.onclick=function(){ varbg=this.style.backgroundColor; switch(bg){ case"white": thi...
JS：代码实例
u010099393的博客
04-02 328
文章目录分割Date元素成字符串 分割Date元素成字符串 let date = new Date(); dateStr = date.toISOString(); console.log(dateStr.split(/T|:|\-|./));
Vue 基础语法 实例演示 示例代码
07-17
Vue 基础语法 实例演示 示例代码Vue 基础语法 实例演示 示例代码Vue 基础语法 实例演示 示例代码Vue 基础语法 实例演示 示例代码Vue 基础语法 实例演示 示例代码Vue 基础语法 实例演示 示例代码Vue 基础语法 实例...
Vue.js实现实例搜索应用功能详细代码
10-19
这里的`[v-cloak]`是Vue.js的一个指令，用于隐藏未编译的模板，直到Vue实例准备好，从而避免因为JavaScript异步加载导致的页面闪烁。 紧接着是一些基础的CSS样式，包括全局重置样式和搜索框的样式定义。搜索框的...
JavaScript实现简单的时钟实例代码
12-08
标题中的"JavaScript实现简单的时钟实例代码"是指利用JavaScript编程语言来创建一个实时显示当前时间的时钟。这个实例展示了如何在网页上动态更新时间，让访客可以随时看到当前的时间。 描述中给出的HTML和...
javascript DOM的详解及实例代码
10-20
本文将详细探讨DOM的核心概念、操作方法以及节点类型，并通过实例代码帮助理解如何在实际开发中使用DOM。 首先，DOM定义了一个节点层次，其中包括多种类型的节点。按照W3C DOM规范，节点类型包括元素节点、文本节点...
js代码实例
master-dragon的专栏
09-27 931
慕课网 JavaScript入门篇 http://www.imooc.com/learn/36通过js操作DOM显示和隐藏<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>display</title> <script type
js代码-一些简单的js代码示例
07-15
js代码-一些简单的js代码示例
js实例大全 js实例
03-29
js实例大全、js实例大全、js实例大全、js实例大全、js实例大全、js实例大全、js实例大全、js实例大全、js实例大全、js实例大全、
js实例大全
01-18
超级多的js实例 有了这个资料 其他都不需要了<br>声明：本人发布的java与xml是分成了三个压缩文件，但名字上忘了写序号，下载的朋友下全三个就可以解压
js实例（登录、注册功能以及多种常用check）
11-13
自己做的js实例，包括登录、注册功能以及多种常用check。
js-小实例（共三个）
FemaleHacker的博客
01-26 368
文章目录js小实例实例一：滑动滚动条，获取到当前的x和y坐标，并显示实现效果实现核心代码实例二：div跟随鼠标移动实现效果核心代码 js小实例 共含有两个 滑动滚动条，获取到当前的x和y坐标，并显示 div跟随鼠标移动 实例一：滑动滚动条，获取到当前的x和y坐标，并显示 实现效果 实现核心代码 <script type="text/javascript"> window.onload = function(){ /* 当鼠标在areaDiv中移动时，在showMsg
20个简洁的 JS 代码片段
小生方勤
08-05 305
1、单行 If-Else 语句这是许多编程语言的共同特征。你可以使用三元运算符用一行代码编写整个语句，而不是在多行上编写 if-else。例如：constage=12; letag...
JS代码经典实例集合
我的地盘
12-20 6022
document.execCommand()函数可用参数大解析<br /> 2D-Position 允许通过拖曳移动绝对定位的对象。<br /> AbsolutePosition 设定元素的 position属性为“absolute”(绝对)。<br /> BackColor 设置或获取当前选中区的背景颜色。<br /> BlockDirLTR 目前尚未支持。<br /> BlockDirRTL 目前尚未支持。<br /> Bold 切换当前选中区的粗体显示与否。<br /> BrowseMo
JavaScript实现计算器：详细步骤与实例代码
"本文将详细介绍如何使用JavaScript实现一个基础的计算器，包括设计思路、代码结构以及主要的实现步骤。" 在JavaScript编程中，实现一个计算器是一个经典的练习，它可以帮助初学者理解DOM操作、事件处理和基本的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值