apple script输出换行语句
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了apple script输出换行语句相关的知识,希望对你有一定的参考价值。
参考技术A 在本教程中,您将学习如何使用 Bootstrap 工具包来创建固定布局和流动布局。教程是基于 Bootstrap 版本 2.0。在版本 2.0 中,Bootstrap 为手机、平板电脑、笔记本、小型台式机、大型宽屏台式机等添加了响应特性。
可以通过向页面添加 bootstrap-responsive.css 文件(位于 docs\assets\css 下)来让布局具有响应性。
Bootstrap 固定布局
如果您想要创建基于固定像素数的网页或 app,请看这部分的教程。
用法
<body>
<div class="container">
...
</div>
</body>
解释
bootstrap.css(位于 bootstrap 的主文件夹的 docs\assets\css 下)的第 261 到 273 行,为创建主容器渲染样式,从而创建一个固定布局。固定布局的目的是为网页或 app 创建一个 940 像素(默认)宽的布局。
Bootstrap 固定布局的实例
下面的代码创建一个网页固定布局。为了定制,除了默认样式,还需创建一个新的 css 文件 example-fixed-layout.css,与 bootstrap.css 位于同一个文件夹下。
CSS 代码
body
padding-top: 60px;
padding-bottom: 40px;
.nav li
padding-top: 5px;
.leaderboard
padding: 60px;
margin-bottom: 30px;
background-image: url('/twitter-bootstrap/images/gridbg.gif');
background-repeat:repeat;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
.leaderboard h1
font-size: 40px;
margin-bottom: 5px;
line-height: 1;
letter-spacing: -1px;
color:#FF6600;
.leaderboard p
font-size: 18px;
font-weight: 200;
line-height: 27px;
html 代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example of Fixed Layout with Bootstrap version 2.0 from w3cschool.cc</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Example of Fixed Layout with Bootstrap version 2.0 from w3cschool.cc">
<meta name="author" content="">
<!-- Le styles -->
<link href="../bootstrap/twitter-bootstrap-v2/docs/assets/css/bootstrap.css" rel="stylesheet">
<link href="../bootstrap/twitter-bootstrap-v2/docs/assets/css/example-fixed-layout.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="../bootstrap/twitter-bootstrap-v2/docs/examples/images/favicon.ico">
<link rel="apple-touch-icon" href="../bootstrap/twitter-bootstrap-v2/docs/examples/images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="../bootstrap/twitter-bootstrap-v2/docs/examples/images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="../bootstrap/twitter-bootstrap-v2/docs/examples/images/apple-touch-icon-114x114.png">
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#"><img src="/images/w3r.png" width="111" height="30" alt="w3cschool logo" /></a>
<div class="nav-collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<!-- Main hero unit for a prim www.hbbz08.com ary marketing message or call to action -->
<div class="leaderboard">
<h1>w3cschool Web Store</h1>
<p>Try and purchase HTML5, JS, Ruby, php-mysql based web apps to enhance your productivity at affordable price.</p>
<p><a class="btn btn-success btn-large">Sign Up for a 30 day free trial</a></p>
</div>
<!-- Example row of columns -->
<div class="row">
<div class="span4">
<h2>HTML5 and JS Apps</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh,ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn btn-success btn-large" href="#">View apps</a></p>
</div>
<div class="span4"> 参考技术B
我用的是"\\n"换行符,效果和直接按回车键换行差不多。
能达到换行要求,但代码美观性差很多。
期待更好的方法。
web前端java script学习2017.7.6
五 输出语句
1 alert():确认模态框
alert(5);
alert("heheda");
var num=10;
alert(num);
alert("这是一个数字,是"+num);
变量必须要从字符串中分离出来,用"+"连接
alert是可以阻塞程序的
ps:每条语句后面都要加上分好,表示一条语句的结束(有换行也表示结束)
2 console.log():仅在控制台中打印相关信息
console.log(5);
console.log("heheda");
var num=10;
console.log(num);
console.log("这是一个数字,是"+num);
3 document.write():在文档中显示相关信息
document.write(5);
document.write("heheda");
var num=10;
document.write(num);
document.write("这是一个数字,是"+num);
三个输出语句的区别:
alert、console.log原样输出
document.write可以将标签字符串以标签的形式解析出来
六 输入语句
var 变量=prompt("请输入"):输入模态框---输入的数据都是字符串类型的
字符串---->数字
parseInt(变量),强制将字符串转为整数
parseFloat(变量),强制将字符串转为小数
数字----->字符串
String(变量),将数字转换为字符串
""+变量:将变量变成了字符串类型
七 运算符(操作符)
定义:是一组用来操作数据值的特殊符号
1 算术运算符
+ - * / %
+:如果用在字符串当中叫做连接符,如果用来数字当中就是进行加法运算----拼接
%:取模(取余)---两个数相除取余数
6%5=1*5+1
9%5=1*5+4
10%3=3*3+1
2%5=0*5+2
乘性运算符:* / %
加性运算符:+ -
2 一元运算符:只能操作一个值的运算符
前置:前置递增、前置递减
前置递增(++i)
var i=10;
++i;//i=i+1;
前置递减 (--i)
ps:先计算自身,再返回(赋值)参与值
后置:后置递增、后置递减
后置递增(i++)
后置递减 (i--)
ps:先将自身的值赋值一份给临时变量,再计算自身,返回的是临时变量的值
ps:前置比后置效率高,所以一般情况下用前置
一元加、减运算符
var num=2;
num=+num;//+2
num=-num;//-2
3 关系运算符:返回的都是布尔类型的值
>(大于) <(小于) <=(小于等于) >=(大于等于)
4 相等运算符:返回的都是布尔类型的值
相等(==) 不相等(!=):先转换后比较
全等(===) 不全等(!==):直接进行比较
5 布尔运算符
a 逻辑非(!):首先会将表达式转为布尔值,再对其求反(遇真为假,遇假为真)
var res = !exp
表达式(exp):
常量表达式:5 "heheda" true ...
复合表达式:由一个或者多个运算符和数据值组合而成的语句 8>5 9+4 ...
var res=!true;//false
!"blue";//false
!"";//true
!5;//false
!0;//true
!NaN;//true
!null;//true
ps:无论当前表达式返回的是什么类型的数据,求反过后返回的都是一个布尔值
(!!):(遇真为真,遇假为假)
b 逻辑与(&&)
var res = exp1 && exp2;
(遇假为假,全真为真)
exp1 true false false true
exp2 false false true true
res false false false true
ps:返回的不仅仅是布尔类型的值,逻辑与是一个短路操作:如果第一个值为false,无论第二个值是什么都会返回false
c 逻辑或(||)
var res = exp1 || exp2;
(遇真为真,全假为假)
exp1 true false false true
exp2 false false true true
res true false true true
ps:返回的不仅仅是布尔类型的值,逻辑与是一个短路操作:如果第一个值为true,无论第二个值是什么都会返回true
6 赋值运算符
简单赋值运算符:= 把右边的值赋给左边
复合赋值运算符:+= *= /= %= -=
var num=10;
num+=10;
num=num+10
7 条件运算符(三目运算符 ?:)
var res = bool_exp ? trueValue : falseValue;
如果bool_exp为true,就将trueValue返回给res;如果bool_exp为false,就将falseValue返回给res。
8 逗号运算符
var num1,num2,num3,...;
var num1=1,num2=2,num3=3,...;
var nums=(1,2,3,...);//只能取最后的值
9 优先级顺序:
一元运算符(逻辑非)>算术运算符>关系运算符>逻辑或(逻辑与)>赋值运算符
如果要增强某个运算符的优先级的话就加上"()"
以上是关于apple script输出换行语句的主要内容,如果未能解决你的问题,请参考以下文章