1.原生代码调用HTML5页面方法
例如,app要调用HTML5页面的changeColor(color)的方法,来改变HTML5页面的颜色
1)HTML5
<script type=\"大众text/javascript\"大众>
2)Android
wvMain.getSettings().setJavaScriptEnabled(true); //开启JavaScript支持
---------------分割线---------------
2.HTLM5页面调用原生方法
例如,点击HTML5页面的笔墨,回调原生代码中的callAndroidMethod方法
1)HTML5
<a onClick=\"大众baobao.callAndroidMethod(100,100,'ccc',true)\公众>CallAndroidMethod</a>
除此之外,
html5代码不完备整理html5文件头
<_meta name=”viewport” content=”width=device-width,initial-scale=1.0,user-scalable=no”>
<_meta name=”format-detection” content=”telephone=no”>
第二句是给苹果手机把数字都识别成手机号的功能的禁用代码,苹果数字都当成手机号拨打很恶心。
css部分
a,button,input,optgroup,select,textarea {
-webkit-tap-highlight-color:rgba(0,0,0,0); /去掉a、input和button点击时的蓝色外边框和灰色半透明背景/
}
把稳下面这句非常有用,不写这句代码苹果手机下默认的圆角,代码重置css也无效。
button,input,optgroup,select,textarea {
-webkit-appearance:none; /去掉webkit默认的表单样式/
}
a,button,input,optgroup,select,textarea {
-webkit-tap-highlight-color:rgba(0,0,0,0); /去掉a、input和button点击时的蓝色外边框和灰色半透明背景/
}
body {
-webkit-text-size-adjust: 100%!important; /禁止IOS调度字体大小/
}
打电话,发短信、发邮件
<_a href=”tel:020-10086″>打电话给:020-10086
<_a href=”sms:10086″>发短信给: 10086
<_a href=”mailto:me@22278.club”>发送邮件: mine@ismyspace.com
css省略号:
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
备注:把稳css 已经能够实现多行省略号,但是只能webkit用以是没太大意义不说。
css三角形
border-width: 10px 10px 10px 0; //左箭头
border-color: transparent #fff;
border-style: solid;
width: 0;
盒模型代码简写
盒模型外边距(margin)、内边距(padding)和边框(border)设置高下旁边四个方向的边距是按照顺时针方向设置的:上右下左。
拿margin示例:
margin:10px 15px 12px 14px;/上设置为10px、右设置为15px、下设置为12px、左设置为14px/
1、如果top、right、bottom、left的值相同,如下面代码:
margin:10px 10px 10px 10px;
可缩写为:
margin:10px;
2、如果top和bottom值相同、left和 right的值相同,如下面代码:
margin:10px 20px 10px 20px;
可缩写为:
margin:10px 20px;