【测开之路九十八：js变量和语句】的更多相关文章

测开之路九十八：js变量和语句

这里为了方便调试,在jsbin网站上面编写js脚本:https://jsbin.com/?js,console 可以点击增加/减少对应展示分页,Console为控制台部分,Output为页面部分 变量和运算 if语句 switch case while do while for循环 for in var a = 10;var b = 20.5;console.log(typeof a);console.log(a+b);console.log(a>b);console.log(a<b &…

测开之路九十九：js函数、事件、window窗体对象

函数:function 函数名(参数列表) 事件 单击:onclick()表单提交:onsubmit()鼠标经过:onmouseover()值改表时:onchange() window窗体对象转跳:window.location = url 警告框:alert() 确认框:confirm("messge"),返回true 和false 接收用户输入 prompt("请输入内容", "默认值") <!DOCTYPE html><h…

测开之路九十六：css进阶之元素显示和可见性

元素显示效果:display 块级元素,会导致换行:p.div.h...内联元素,不会导致换行:span.strong... 修改属性 让span标签换行 让指定div不换行 元素可见性:visibility 一:影藏内容和位置:display: none 二:正常显示:visibility: visible 三:影藏内容,不影藏位置:visibility: hidden css /* 元素显示 *//*让span标签换行*//*span{ display: block; }*/ /*让div不…

测开之路九十五：css进阶之光标和溢出内容处理

光标样式:cursor 准备文字 css 溢出内容处理:overflow,默认溢出部分是显示 先把内容放到盒子里面 正常显示 不显示溢出内容 显示为滚动条 自动处理 css /* 光标样式 */p{ /* 默认default */ cursor: default; /*!*pointer:小手.*!*/ /*cursor: pointer;*/ /*!*text.*!*/ /*cursor: text;*/ /*!*移动样式move*!*/ /*cursor: move;*/} /* 溢出内容…

测开之路九十四：css之盒子模型

盒子模型 为了演示方便,把内容放到盒子里面 引用css 演示内容 外边距: 4个方向分开写 简写为一条指令,顺序为上右下左 简写为一条指令,第一个值为上下,第二个值为左右 简写为一条指令,只有一个值时,即四个方向的距离都为此值 内间距 4个方向分开写 简写为一条指令,顺序为上右下左 简写为一条指令,第一个值为上下,第二个值为左右 简写为一条指令,只有一个值时,即四个方向的距离都为此值 边框 边框距离:border-width边框样式:border-style None则为无边框颜色:border…

测开之路九十二：css之背景色和背景

引用css 设置背景色: 背景图片 整个页面的背景图片 图片当局部背景图 也可以简写 css /* css基本样式 */ /* 设置p标签的文字前景色.背景色 */p{ /*字体颜色为蓝色*/ color: blue; /*背景色为黑色*/ background-color: black;} /*把图片当整个页面的背景*/body{ /*图片的地址*/ background-image: url("../img/timg.jpg"); /*固定背景图,当文字过长拖动的时候,不跟随文字滚…

测开之路九十：css的引用方式

第一种:内联,直接在标签里面加style属性,优先级别最高,但是不利于维护 第二种:页面嵌入,在head标签里面写一个style标签,以类选择器的形式写入,优先级别第二 第三种:外联,样式表链接,单独写一个css文件,在html的head里面用link标签引用 css /* 定义body的背景色为紫色 */body{ background: blueviolet;} html <!DOCTYPE html><html lang="en"><head>…

测开之路一百三十八：会话管理之session

session管理和使用,需要用到flask的session模块和设置安全码:app.secret_key 比如列表页和编辑功能只能给admin用 列表页 编辑页 添加session 登录成功时,把username添加到session里面 app.secret_key = 'qoihf2397r21380r2/./ad' # 加密的安全码,越复杂越好,flask后台自动进行加密 @app.route('/login/', methods=['GET', 'POST'])def login():…

测开之路三十九：js基础

js的两种使用方式 第一种使用方式:单独写js文件 在static下新建一个js文件并写入内容 alert('这是一个弹窗'); 在html文件里面,用script标签引入 <script src="/static/calcolator.js" ></script> 在主程序里面调用html from flask import Flaskfrom flask import render_template app = Flask(__name__) @app.ro…

测开之路九十七：js的引用方式

第一种:引用外部js文件 准备一个js文件 <!-- 引用外部的js --><script src="../js/js01.js"></script> 第二种:把js写在HTML里面,不一定是head,然和位置都可以引用js,根据实际情况引用 <!-- js直接写在head标签里面 --><script> document.write("<h1>这是js内嵌标签插入的html代码</h1>&q…