1.原生代码调用HTML5页面方法

例如,app要调用HTML5页面的changeColor(color)的方法,来改变HTML5页面的颜色

1)HTML5

ios原生与html5交互干货Android原生代码与HTML5的交互 Ruby

<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;