![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
relief�
这个作者很懒,什么都没留下…
展开
-
模态框的拖拽效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0" <meta http-equiv="X-UA-Compatible" content="ie=edge"> <style>原创 2020-11-14 16:01:02 · 127 阅读 · 0 评论 -
10.自定义属性操作
element.属性 element.getAttribute('属性‘); 区别: element.属性 获取内置属性值(元素本书自带的元素) element.getAttribute('属性‘); 主要获得自定义的的属性 我们程序员自定义的属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" con原创 2020-11-01 20:59:20 · 780 阅读 · 0 评论 -
9.排他思想
1.所有元素全部清除样式 2.给当前元素设置样式 p:顺序不能颠倒 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0" <meta http-equiv="X-UA-Compatible" content="ie=e原创 2020-11-01 20:50:51 · 101 阅读 · 0 评论 -
8.案例:显示隐藏密码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0" <meta http-equiv="X-UA-Compatible" content="ie=edge"> <style>原创 2020-10-30 15:32:56 · 115 阅读 · 0 评论 -
7.API和Web API
API是给程序员的一种工具,以便能更轻松地实现想要完成的功能原创 2020-10-30 15:32:33 · 131 阅读 · 1 评论 -
6.双重嵌套
双重嵌套执行过程:外面执行一次里面执行全部 打印五行五列的星星 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0" <meta http-equiv="X-UA-Compatible" content="ie=edg原创 2020-10-30 15:32:10 · 144 阅读 · 0 评论 -
5.js流程控制
流程控制有三种结构 :顺序结构、 分支结构、循环结构 分支结构 if语法结构 if(条件表达式){ 执行语句 } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0" <meta http-equiv="X-U原创 2020-10-30 15:31:45 · 55 阅读 · 0 评论 -
4.编译型语言和解释型语言
js是解释型语言 一边运行一边解释 java是编译型语言 全部编译完再执行 举个例子: 解释型语言相当于火锅 一边刷一边吃 编译型语言相当于上菜 要全部上完了才能吃原创 2020-10-30 15:31:07 · 36 阅读 · 0 评论 -
3.js变量
学过其他语言可跳过 变量是用于存放数据的容器,我们通过变量名获取数据,甚至数据可以修改 变量的使用: 1.声明 var age 2.赋值 变量的初始化:声明变量并赋值 var age=18 <!DOCTYPE html> <html> <body> <script> // 1.声明了一个age的变量 var age; // 2.赋值 把值存入变量中 age=18; // 3.输出结果 console.log(a原创 2020-10-30 15:30:39 · 157 阅读 · 0 评论 -
2.js输入输出语句
alert(msg) 浏览器弹出警示框 console.log(msg) 浏览器控制台打印输出信息(给程序员看的) propmt(info) 浏览器弹出框,用户可输入 <!DOCTYPE html> <html> <body> <script> // 这是一个输入框 prompt('请输入您的年龄'); // alert弹出警示框 输出的 展示给用户的 alert('计算的结果是:');原创 2020-10-30 15:30:08 · 69 阅读 · 0 评论 -
1.js的概念和书写位置
js脚本语言 逐行解释 DOM文档对象模型 BOM浏览器对象模型 书写位置:行内、内嵌、外部 js中推荐使用单引号 <!DOCTYPE html> <html> <body> <!-- 外部js写法 --> <script src="1.js"></script> <!-- 内嵌式js --> <!-- <script> alert("沙漠骆驼") </script> --> <原创 2020-10-30 15:29:14 · 45 阅读 · 0 评论