python学习之js从0开始

<html>
<head>
<title>js页面</title>
  <script src="js/old_boy.js"></script>
  <style type="text/css">
      .show{

	  }
      .hide{
	      display:none;
	  }
	  .enter{
	      color:black;
	  }
	  .leave{
	      color:gray;
	  }
  </style>
</head>
<body>
   <div id="t1" class="show">内容</div>
   <input type="button" id = "switch" onclick="hide();" value="隐藏"/>

   <form action="https://www.sogou.com/web?" id="form" method="GET">
       <input type="text" name="query"  />
	   <input type="button"  value="伪提交" onclick="mySubmit();" />
   </form><br/>

   <input type="text" name="leave" value="请输入内容" id="tip" onfocus="enter();" onBlur="leave();"/><br/><br/>

   <div style="border: 1px solid red;width:500px;height:90px" >
       <div style="background-color:green;width:10%;height:100%" id="tipp"></div>
   </div>

   <script type="text/javascript">
       var div = document.getElementById("t1");
	   var button = document.getElementById("switch");
	   div.innerText += "追加内容";

	   function hide(){

		   var className = div.className;
		   if (className == "show"){
		       div.className = "hide";
			   button.setAttribute("value","显示");

		   } else {
		       div.className = "show";
			   button.setAttribute("value","隐藏");
		   }
	       console.log(div.className);
	       /*div.className="hide";
		   console.log(div.className);*/
	   }
	   function mySubmit(){
	        document.getElementById("form").submit();
	   }

	   function enter(){
	       var tip = document.getElementById("tip");
		   if (tip.value == "请输入内容" || tip.value.trim() == ""){
		       tip.className = "enter";
			   tip.value = "";
		   } else {
		       tip.className = "enter";
		   }
	   }

	   function leave(){
	       var tip = document.getElementById("tip");
		   if(tip.value.trim()==""){
		       tip.className = "leave";
			   tip.value = "请输入内容";
		   }
	   }
	   pro = 10;

	   function progTipp(){
	       var prog= document.getElementById("tipp");
		   console.log(prog.style.width);
		   pro = pro + 10;
		   if (pro > 100){
		       clearInterval(interval);
		   } else {

			   prog.style.width = pro +"%";
		   }
	   }
	  interval =  setInterval("progTipp()",500);

   </script>
</body>

</html>

  

时间: 2024-10-29 19:06:53

python学习之js从0开始的相关文章

python学习之html从0开始(二)

<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>页面1</title> </head> <body> 默认<select>:<select> <option value="1

【Flask】 python学习第一章 - 3.0 正则转换和错误捕捉

3.1正则转换器定义 Class RegexConverter(BaseConverter): regex = "[0-9]{6}" app.url_map.converters["re"] = RegexConverter @app.route("/user/<re:user_id>") def index(): return "hello wolrd" from flask import Flask from

【Git】 python学习第一章 - 1.0 git管理源代码

分布式版本控制系统 方便多人协同开发 方便版本控制 工作区 git add ----> 暂存区 git commit --->仓库区 git pull git push  ---->服务器 git init -----> 初始化git git status ----->  查看git 工作区 状态 git add -----> 添加文件至暂存区    git remove ---->取消暂存 git commit  -m “注释” git push 推送 git 

【Flask项目】 python学习第一章 - 2.0 日志 抽取蓝图 抽取工厂函数

日志      导入logging函数 # 设置日志的记录等级 logging.basicConfig(level=logging.DEBUG) # 调试debug级 # 创建日志记录器,指明日志保存的路径.每个日志文件的最大大小.保存的日志文件个数上限 file_log_handler = RotatingFileHandler("logs/log", maxBytes=1024*1024*100, backupCount=10) # 创建日志记录的格式 日志等级 输入日志信息的文件

学习 正则表达式 js java c# python 通用

正则表达式 js java c# python 学习网站 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/RegExp 概念 正则表达式是为了解决字符串操作中一些比较麻烦的场景,比如字符串提取.字符串替换.字符串验证等 常用于:表单验证:是否是一个数字.是一个电话号码.是一个邮箱... 字符串替换: 字符串查找 正则表达式其实也是js里面的一个对象 创建一个正则表达式 var reg

python学习(二)百度爬虫0.1

参照着网上的爬虫案例(点我),先做了一个demo,基本的爬虫项目创建,以及数据抽取,数据分析,数据保存等等过程基本上有所掌握. 我的需求是需要检索指定的百度贴吧,根据指定的关键字库,搜索出含有关键字的链接,并抽取出来,用于后续告警. 因此,基于需求,分如下步骤: 第一:基于Scrapy创建爬虫项目: 第二:新建TieBaSpider爬虫: 第三:新建外部关键字库dictionary.txt文件,贴吧地址配置url.txt文件: 第一步参考晚上案例. 从第二步开始,编写爬虫,同时创建实例对象以及创

Tornado/Python 学习HTTP 1.1与HTTP 1.0的比较

HTTP 1.1与HTTP 1.0的比较 一个WEB站点每天可能要接收到上百万的用户请求,为了提高系统的效率,HTTP 1.0规定浏览器与服务器只保持短暂的连接,浏览器的每次请求都需要与服务器建立一个TCP连接,服务器完成请求处理后立即断开TCP连接,服务器不跟踪每个客户也不记录过去的请求. 但是,这也造成了一些性能上的缺陷,例如,一个包含有许多图像的网页文件中并没有包含真正的图像数据内容,而只是指明了这些图像的URL地址,当 WEB浏览器访问这个网页文件时,浏览器首先要发出针对该网页文件的请求

深度学习 GPU环境 Ubuntu 16.04 + Nvidia GTX 1080 + Python 3.6 + CUDA 9.0 + cuDNN 7.1 + TensorFlow 1.6 环境配置

本节详细说明一下深度学习环境配置,Ubuntu 16.04 + Nvidia GTX 1080 + Python 3.6 + CUDA 9.0 + cuDNN 7.1 + TensorFlow 1.6. Python 3.6 首先安装 Python 3.6,这里使用 Anaconda 3 来安装,下载地址:https://www.anaconda.com/download/#linux,点击 Download 按钮下载即可,这里下载的是 Anaconda 3-5.1 版本,如果下载速度过慢可以选

Python 学习入门(0)—— 简明教程

朋友问我怎么能快速地掌握Python. 我想Python包含的内容很多,加上各种标准库,拓展库,乱花渐欲迷人眼,就想写一个快速的Python教程,一方面 保持言语的简洁,另一方面循序渐进,尽量让没有背景的读者也可以从基础开始学习.另外,我在每一篇中专注于一个小的概念,希望可以让人可以在闲暇时很快读完. 小提醒 1. 教程将专注于Python基础,语法基于Python 2.7,测试环境为Linux, 不会使用到标准库之外的模块. 2. 我将专注于Python的主干,以便读者能以最快时间对Pytho