JavaScript基础功能代码实现

HTML，CSS，JavaScript

基础代码实现

JavaScript：直接写入HTML输出流

JavaScript：改变HTML内容

JavaScript：对事件的反应

HTML，CSS，JavaScript

HTML定义网页的内容

CSS描述网页的布局

JavaScript控制网页的行为

JavaScript是脚本语言。

JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

基础代码实现

JavaScript：直接写入HTML输出流

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<script>document.write("<h2>这是标题</h2>");document.write("<p>这是段落。</p>");
</script>
</body>
</html>

实例（输出时间）

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<h3> Web 页面输出时间</h3>
<script>
document.write(Date());
</script>
</body>
</html>

JavaScript：改变HTML内容

x=document.getElementById("demo");  //查找内容
x.innerHTML="Hello JavaScript";    //改变内容

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body><h2>这里是标题</h2>
<p id="demo">这里是段落。</p>
<script>
document.getElementById("demo").innerHTML="段落已被修改。";
</script></body>
</html>

JavaScript：对事件的反应

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<button type="button" onclick="alert('登陆成功')">登录</button>
</body>
</html>

实例

Function()保存在名为 "js.js" 的外部文件中。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<p id="demo">登录失败</p>
<button type="button" onclick="Function()">重试</button>
<script src="js.js"></script></body>
</html>

点击重试后

JavaScript基础功能代码实现相关推荐

html和js基础功能代码备份
1)贴图:<img src="图片地址"> 2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a> 3 ...
JavaScript基础功能总结
JavaScript功能总结文章目录 JavaScript功能总结前言一.变量 1.1 `声明变量` 1.2 `变量赋值` 1.2.1 常规赋值 1.2.2 数组解构赋值 1.2.3 对象解构赋 ...
JavaScript基础案例+代码
学如逆水行舟,不进则退.在学习JavaScript的过程中,我发现只有把一些基本的练习题练熟,自己才能更好的理解每一个知识点,所以我整理了一些学习视频中的基础题,以便自己随时脑补代码. 1. 显示或隐 ...
手动实现promise基础功能代码并测试自己写的promise库是否符合规范
promise 解决的问题回调嵌套/回调地狱多重异步处理错误捕获不方便多重异步同步处理的问题异步并发问题 promise 定义 Promise是一个类默认浏览器.高版本(ie8以上).nod ...
javascript类功能代码集
1,鼠标放置不同DIV时显示不同的底色/底图,并还原先前图 /* lastDiv上一次作用的对象 initClass非作用对象的样式表 currentClass当前作用对象的样式表 lastConte ...
javascript基础修炼(4)——UMD规范的代码推演
javascript基础修炼(4)--UMD规范的代码推演 1. UMD规范地址:https://github.com/umdjs/umd UMD规范,就是所有规范里长得最丑的那个,没有之一!!!它 ...
JavaScript基础第02天—运算符（操作符）—流程控制—循环—代码规范
JavaScript基础第02天 1 - 运算符(操作符) 1.1 运算符的分类运算符(operator)也被称为操作符,是用于实现赋值.比较和执行算数运算等功能的符号. JavaScript中常用 ...
JavaScript基础05-day07【条件运算符、运算符优先级、代码块、if语句】
学习地址: 谷粒学院---尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版J ...
非常不错的一款html5【404页面】,不含js脚本可以左右摆动,原生JavaScript实现日历功能代码实例(无引用Jq)...
这篇文章主要介绍了原生JavaScript实现日历功能代码实例(无引用Jq),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下成品显示,可左右切换月份 ...
javaScript基础学习 - 14 - JavaScript内置对象 -案例代码
javaScript基础学习 - 14 - JavaScript内置对象 -案例代码 1. Math对象最大值 2. 封装自己的数学对象 3. Math绝对值和三个取整方法 4. Math对象随机数方 ...

JavaScript基础功能代码实现

HTML，CSS，JavaScript

基础代码实现

JavaScript：直接写入HTML输出流

JavaScript：改变HTML内容

JavaScript：对事件的反应

JavaScript基础功能代码实现相关推荐

最新文章

热门文章