摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS 教程</title> <style> body { background-color: #d0e4fe; } h1 { color: range; 阅读全文
posted @ 2019-01-10 09:11 花儿迎风笑 阅读(421) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript void</title> <script type="text/javascript"> <!-- //--> </script> 阅读全文
posted @ 2019-01-09 09:06 花儿迎风笑 阅读(236) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript JSON</title> </head> <body> <h2>为JSON字符串创建对象</h2> <p id="demo"></p 阅读全文
posted @ 2019-01-08 09:21 花儿迎风笑 阅读(225) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript 表单验证</title> <script> function validateForm() { var x = document.f 阅读全文
posted @ 2019-01-07 09:22 花儿迎风笑 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript 调试</title> </head> <body> <h1>我的第一个web页面</h1> <p>浏览器中用f12来启用调试模式,在 阅读全文
posted @ 2019-01-04 09:15 花儿迎风笑 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 参考资料:《菜鸟教程》 阅读全文
posted @ 2018-12-29 09:21 花儿迎风笑 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript 正则表达式</title> </head> <body> <!--search方法使用正则表达式--> <p>搜索字符串"w3cSc 阅读全文
posted @ 2018-12-28 09:28 花儿迎风笑 阅读(264) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript 类型转换</title> </head> <body> <!--typeof操作符--> <p> typeof 操作符返回变量、对象 阅读全文
posted @ 2018-12-27 09:14 花儿迎风笑 阅读(188) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript typeof, null, 和 undefined</title> </head> <body> <p> typeof 操作符返回变 阅读全文
posted @ 2018-12-25 09:19 花儿迎风笑 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript break和continue语句</title> </head> <body> <!--break语句--> <p>点击按钮,测试带 阅读全文
posted @ 2018-12-24 09:11 花儿迎风笑 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript while循环</title> </head> <body> <!--while循环--> <p>点击下面的按钮,只要 i 小于 5 阅读全文
posted @ 2018-12-21 09:04 花儿迎风笑 阅读(136) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript for循环</title> </head> <body> <script> cars = ["bmw", "volvo", "saa 阅读全文
posted @ 2018-12-20 09:07 花儿迎风笑 阅读(336) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript switch语句</title> </head> <body> <p>点击下面的按钮来显示今天是周几:</p> <button on 阅读全文
posted @ 2018-12-19 09:26 花儿迎风笑 阅读(383) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript 条件语句</title> </head> <body> <p>如果时间早于20:00,会获得问候“Good day”.</p> <b 阅读全文
posted @ 2018-12-18 09:13 花儿迎风笑 阅读(320) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript 运算符</title> </head> <body> <!--javascriptyu运算符--> <p>惦记按钮计算</p> <b 阅读全文
posted @ 2018-12-17 09:19 花儿迎风笑 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript 字符串</title> </head> <body> <p id="demo"></p> <script> var x = 'It\ 阅读全文
posted @ 2018-12-07 09:24 花儿迎风笑 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript 函数</title> </head> <body> <p>点击这个按钮,来调用带参数的函数。</p> <button onclick 阅读全文
posted @ 2018-12-06 09:15 花儿迎风笑 阅读(199) 评论(0) 推荐(1) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript 对象</title> </head> <body> <p>创建javascript对易县.</p> <p id="demo"></p 阅读全文
posted @ 2018-12-05 09:06 花儿迎风笑 阅读(322) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript 数据类型</title> </head> <body> <script type="text/javascript"> var ca 阅读全文
posted @ 2018-12-04 09:15 花儿迎风笑 阅读(197) 评论(0) 推荐(0) 编辑
摘要: 一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript 变量</title> </head> <body> <script> var x = 5; var y = 6; var z = x 阅读全文
posted @ 2018-11-28 09:25 花儿迎风笑 阅读(229) 评论(0) 推荐(0) 编辑