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元/天解锁文章

迷路的代码老白

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
js基础实例代码详细

js:嵌入在html中，处理数据，其实和as差不多，个人理解是html展示界面，js处理数据嵌入在html中使用script document.write 用于像页面输出语句document.write("hello world");生成普通文件和标签document.write("hello world");
复制链接

扫一扫

迷路的代码老白 CSDN认证博客专家 CSDN认证企业博客

码龄13年

40: 原创

33万+: 周排名

89万+: 总排名

11万+: 访问

: 等级

1382: 积分

9: 粉丝

26: 获赞

75: 评论

17: 收藏

私信

关注

热门文章

分类专栏

android 8篇
杂类 1篇
ubuntu 1篇
html5 4篇
java 8篇
html 1篇
JavaEE 6篇
Velocity 1篇

最新评论

lucene 例子，lucene demo， lucene 教程
CSDN-Ada助手: 哇, 你的文章质量真不错，值得学习！不过这么高质量的文章, 还值得进一步提升, 以下的改进点你可以参考下: (1)提升标题与正文的相关性；(2)增加除了各种控件外，文章正文的字数。
android 模拟器 host修改
CSDN-Ada助手: 如何在 Android 应用中实现卡片式界面设计？
centos cvs 配置
CSDN-Ada助手: 哇, 你的文章质量真不错，值得学习！不过这么高质量的文章, 还值得进一步提升, 以下的改进点你可以参考下: (1)增加条理清晰的目录；(2)提升标题与正文的相关性。
CentOS 使用yum安装svn
CSDN-Ada助手: 哇, 你的文章质量真不错，值得学习！不过这么高质量的文章, 还值得进一步提升, 以下的改进点你可以参考下: (1)提升标题与正文的相关性；(2)增加除了各种控件外，文章正文的字数；(3)增加条理清晰的目录。
学习之Servlet详细
CSDN-Ada助手: SpringBoot项目里的定时任务和Linux Cron 定时任务是什么关系呢？

您愿意向朋友推荐“博客详情页”吗？

强烈不推荐
不推荐
一般般
推荐
强烈推荐

提交

最新文章

目录

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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