分析建模，日常问题整理（二十一）
2018.12.17~2018.12.23
- 1 javascript
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟</title>
</head>
<body>
<h1>我的第一段 JavaScript</h1>
<p>请输入数字。如果输入值不是数字，浏览器会弹出提示框。</p>
<input id="demo" type="text">
<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(isNaN(x)||x.replace(/(^\s*)|(\s*$)/g,"")==""){
alert("不是数字");
}
else{document.getElementById("demo2").innerHTML='是数字'}
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
<!--这里写了一个script函数，定义了一个变量x，x来自于input的数据。有一个逻辑判断，
如果x不是数字，则弹出警告，否则输出结果。这个触发条件使用onclick来触发的 -->
<p id="demo2">是不是数字</p>
<script>
var pi=3.14;
var name="Bill Gates";
var answer='Yes I am!';
document.write(pi + "<br>");
document.write(name + "<br>");
document.write(answer + "<br>"); //document就是在script的标签中编辑html脚本
</script>
</body>
</html>
(condition)?value1:value2 Javascript的条件赋值
var message, x;
message = document.getElementById("message");
message.innerHTML = "";
x = document.getElementById("demo").value;
try {
if(x == ""){message.innerHTML ="值为空";};
if(isNaN(x)){message.innerHTML ="不是数字";};
x = Number(x);
if(x < 5) throw "太小"; if throw和重新复制的效果是一样的，throw简洁了代码
if(x > 10) throw "太大";
}
catch(err) {
message.innerHTML = "错误: " + err;
}
}
js文件就是<script>标签中间的语句
inpObj.checkValidity() == false
用于表单中对输入的数据进行验证，如果符合要求则返回true，如果不符合要求则返回false，这时候可以设置一些alert或者给出错误提示灯。
这个↓可以实现页面各平台分享
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>发发</title>
</head>
<body>
<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more">
</a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间">
</a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博">
</a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博">
</a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信">
</a><a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧">
</a><a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
</div>
<script>
window._bd_share_config = { "common": {
"bdSnsKey": {},
"bdText": "",
"bdMini": "2",
"bdMiniList": false,
"bdPic": "",
"bdStyle": "1",
"bdSize": "32" },
"share": {} };
with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=0.js?cdnversion=' + ~(-new Date() / 36e5)];
</script>
</body>
</html>
这个↓可以实现系统时间展示
<script>
setInterval("document.getElementById('datetime').innerHTML=new Date().toLocaleString();", 1000);
</script>
这个↓时间插件很有趣
http://chabudai.org/blog/?p=59
- 2 readlines读取中文和去掉最后的\n
f = open('dat.txt','r+',encoding='gb18030')
a = []
for line in f.readlines():
line=line.rstrip('\n').split("~")
print(line)
- 3 CSS
定义：CSS 指层叠样式表，定义了如何显示html，将样式单独放于css文件中，实现了样式和显示内容独立，提高了效率和可读性。样式包括背景、轮廓、边框、文字样式、下拉框、动画等多种功能。
用法：<style></stype>是引用css样式。CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明:
常用：id选择器（用#idname来表示），类选择器（.classname来表示）
设置文本：text，设置字体：font。
盒子模型：就是css模型（设定了外边距、边框长宽、内边距、等颜色参数的模块）
这个↓可以引入css静态文件
{% load staticfiles %}
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
网友评论