1：HTML中的值如何传到JS,下面假设是文件1.php
创新互联一直在为企业提供服务，多年的磨炼，使我们在创意设计，全网整合营销推广到技术研发拥有了开发经验。我们擅长倾听企业需求，挖掘用户对产品需求服务价值，为企业制作有用的创意设计体验。核心团队拥有超过十余年以上行业经验，涵盖创意，策化，开发等专业领域，公司涉及领域有基础互联网服务服务器托管德阳、成都app开发、手机移动建站、网页设计、网络整合营销。
代码如下:
html
body
form action="1.php" method="post"
name:input type="text" name="username" id="username"
rename:input type="text" name="username1" id="username1"
input type="button" value="submit" on CliCk="get()"
/form
/body
/html
JS假如想取文本框中用户输入的name值，这样写
代码如下:
script language='JavaScript'
function get()
{
var n=document.getElementById('username').value;
alert (n);
}/script
这样的话在有调用JS get()时就会弹出警示框，里面的内容就是name的值。
2:假如说JS中的这个取到的name值要传回rename的文本框中，这样写
代码如下:
script language='JavaScript'
function get()
{
var n=document.getElementById('username').value;
document.getElementById("username1").value=n;
}/script
这样的话在下面调用get()就会自动显示上面name输入的值。
3：PHP中取页面的值
代码如下:
?php
$name=$_REQUEST["username"];
echo $name;
?
4：PHP的值传回页面
在HTML中插入PHP语言，可以调用PHP中变量的值，也可用Smarty（推荐）。
有了以上这些，不管是HTML页面里的值还是JS中变量的值，都可以轻松的传入PHP，当然，PHP的值也可传到想要的地方。
方法和详细的操作步骤如下：
1、第一步，创建一个测试php文件，见下图，转到下面的步骤。
2、第二步，执行完上面的操作之后，在其中添加html所需的代码，见下图，转到下面的步骤。
3、第三步，执行完上面的操作之后，要求在其中添加一个js脚本，定义一个变量，见下图，转到下面的步骤。
4、第四步，执行完上面的操作之后，在底部的php中添加代码，该代码定义了默认为0的b变量，准备使用其来接收js中的a值，见下图，转到下面的步骤。
5、第五步，执行完上面的操作之后，在脚本中使用writeln输出a，并将其分配给php中的变量b，
然后回显输出以查看b中的值，见下图，转到下面的步骤。
6、第六步，执行完上面的操作之后，在浏览器中打开php文件，将直接回显js中变量a的值为100。这时，php将js中的变量获取完成，见下图。这样，就解决了这个问题了。
用Ajax， PHP 跟 JS 最直接的交互方式就是 Ajax。
使用 Ajax 向服务器发起网络请求，PHP在后端进行处理并返回数据。
把对象数组转成JASON串，PHP收到后转化成JASON对象进行读取。
代码如下:
script //
html5中默认的script是javascript,故不需要特别指定script language
var arr_js = ?php
echo json_encode($arr)?;
/script
php给javascript传值，算是两个方法吧，
一个就是主动刷新，php把值写到页面上，比如 var a='?php echo $a;?';
另外的方法就是通过js异步去拉取，通过ajax来实现，大体过程是：js 发起一个异步请求给php程序，php返回数据库的数据，js通过接收这个数据来在做处理。
看你想怎么使用PHP的数据。比如我从数据库里拿出一个数据，然后echo
h1?php echo $title; ?/h1
那你JS里就可以通过DOM来获取h1的innerHTML
不要直接用js，最好用现成的library,比如jQuery，Prototype之类的，因为他们有浏览器兼容。
还有就是用ajax，动态获取你要的内容。即通过JS代码，调用PHP代码，然后传递回你要的数据。
AJAX非常的流行，因为不会造成网页停滞，强调的是asynchronous (不同步)。